یه قالب گالری عکس (درخواست نیست

زمان جاریtime : شنبه 16 تیر 1403 - 7:51 بعد از ظهر

شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .

صفحه اصلیHome page / کد های جدید سی اس اس (CSS) / یه قالب گالری عکس (درخواست نیست

ارسال پاسخ جدید

12 »

یه قالب گالری عکس (درخواست نیست

تعداد بازدیدvisits : 1403

cena

ارسال هاAnswers :	3425
عضویتRegistration date :	1 /3 /1393
حمایت کردهThanks :	1288
حمایت شدهThanked :	1898

یه قالب گالری عکس (درخواست نیست

یه جورایی میشه گفت قالب گالری عکسه

موس رو ببرید رو عکس

کد:

<!-- Just write the code that belongs to your <body></body> :) -->
<div class="container">
	
	<!-- Slide Up -->
	<div class="image slideUp">
		<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
		<span class="title">تشکر یادت نره</span>
	</div>
	
	<!-- Slide Up Full -->
	<div class="image slideUpFull">
		<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
		<span class="title">تشکر یادت نره</span>
	</div>
	
	<!-- Slide Down -->
	<div class="image slideDown">
		<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
		<span class="title">تشکر یادت نره</span>
	</div>
	
	<!-- Slide Down Full -->
	<div class="image slideDownFull">
		<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
		<span class="title">تشکر یادت نره</span>
	</div>
	
	<!-- Slide Left -->
	<div class="image slideLeft">
		<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
		<span class="title">تشکر یادت نره</span>
	</div>
	
	<!-- Slide Right -->
	<div class="image slideRight">
		<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
		<span class="title">تشکر یادت نره</span>
	</div>
	
	<!-- Slide Bottom Right -->
	<div class="image slideBottomRight">
		<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
		<span class="title">تشکر یادت نره</span>
	</div>
	
	<!-- Slide Bottom Left -->
	<div class="image slideBottomLeft">
		<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
		<span class="title">تشکر یادت نره</span>
	</div>
	
	<!-- Slide Top Right -->
	<div class="image slideTopRight">
		<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
		<span class="title">تشکر یادت نره</span>
	</div>
	
	<!-- Slide Top Left -->
	<div class="image slideTopLeft">
		<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
		<span class="title">تشکر یادت نره</span>
	</div>
	
	<!-- Reveal Up Half -->
	<div class="image revealUpHalf">
		<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
		<span class="title">تشکر یادت نره <br / ><br / > کدســــــــــتان</span>
	</div>
			
	<!-- Reveal Up Full -->
	<div class="image revealUpFull">
		<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
		<span class="title">تشکر یادت نره <br / ><br / > کدســـــــــــــتان</span>
	</div>
</div>
<style>body {
	font-family: 'Lucida Grande', 'Helvetica Neue', sans-serif;
	font-size: 13px;
}
div.container {
	margin: 50px auto;
	width: 675px;
}
div.image {
	position: relative;
	overflow: hidden;
	width: 150px;
	height: 150px;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
	
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.3);
}
img {
	position: absolute;
	left: 0;
	top: 0;
	
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
span.title {
	width: 150px;
	height: 20px;
	position: absolute;
	background: rgba(30,30,30,0.9);
	text-align: center;
	padding: 5px 0 4px;
	font-size: 14px;
	color: white;
	font-family: "Lucida Sans", "Trebuchet MS", Arial, sans-serif;
	
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	
}
/* SLIDE UP */
div.image.slideUp span { 
	bottom: -29px;
}
div.image.slideUp:hover img {
	top: -29px;
}
div.image.slideUp:hover span {
	bottom: 0px;
}
/* SLIDE UP FULL */
div.image.slideUpFull span { 
	height: 141px;
	bottom: -150px;
}
div.image.slideUpFull:hover img {
	top: -150px;
}
div.image.slideUpFull:hover span {
	bottom: 0px;
}
/* SLIDE DOWN */
div.image.slideDown span { 
	top: -29px;
}
div.image.slideDown:hover img {
	top: 29px;
}
div.image.slideDown:hover span {
	top: 0px;
}
/* SLIDE DOWN FULL */
div.image.slideDownFull span { 
	height: 141px;
	top: -150px;
}
div.image.slideDownFull:hover img {
	top: 150px;
}
div.image.slideDownFull:hover span {
	top: 0px;
}
/* SLIDE Left */
div.image.slideLeft span { 
	height: 141px;
	left: -150px;
}
div.image.slideLeft:hover img {
	left: 150px;
}
div.image.slideLeft:hover span {
	left: 0;
}
/* SLIDE Right */
div.image.slideRight span { 
	height: 141px;
	right: -150px;
}
div.image.slideRight:hover img {
	left: -150px;
}
div.image.slideRight:hover span {
	right: 0;
}
/* SLIDE BOTTOM RIGHT */
div.image.slideBottomRight span { 
	height: 141px;
	width: 150px;
	bottom: -150px;
	right: -150px;
}
div.image.slideBottomRight:hover img {
	top: 0px;
}
div.image.slideBottomRight:hover span {
	bottom: 0px;
	right: 0px;
}
/* SLIDE TOP RIGHT */
div.image.slideTopRight span { 
	height: 141px;
	width: 150px;
	top: -150px;
	right: -150px;
}
div.image.slideTopRight:hover img {
	top: 0px;
}
div.image.slideTopRight:hover span {
	top: 0px;
	right: 0px;
}
/* SLIDE BOTTOM RIGHT */
div.image.slideBottomLeft span { 
	height: 141px;
	width: 150px;
	bottom: -150px;
	left: -150px;
}
div.image.slideBottomLeft:hover img {
	top: 0px;
}
div.image.slideBottomLeft:hover span {
	bottom: 0px;
	left: 0px;
}
/* SLIDE BOTTOM RIGHT */
div.image.slideTopLeft span { 
	height: 141px;
	width: 150px;
	top: -150px;
	left: -150px;
}
div.image.slideTopLeft:hover img {
	top: 0px;
}
div.image.slideTopLeft:hover span {
	top: 0px;
	left: 0px;
}
/* REVEAL UP HALF */
div.image.revealUpHalf span { 
	height: 141px;
	width: 150px;
	bottom: -120px;
}
div.image.revealUpHalf:hover img {
	top: -40px;
}
div.image.revealUpHalf:hover span {
	bottom: -80px;
}
/* REVEAL UP FULL */
div.image.revealUpFull span { 
	height: 141px;
	width: 150px;
	bottom: -120px;
}
div.image.revealUpFull:hover img {
	top: -150px;
}
div.image.revealUpFull:hover span {
	bottom: 0px;

}</style>

سه شنبه 10 دی 1392 - 15:24

وب کاربرUser's blog ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شدهThanks :

سپاس هاThanks (4) : allnote - jbanner - doos - amir18man -

allnote

ارسال‌هاAsnwers :	931
عضویتRegistration date :	28 /5 /1392
حمایت کردهthanks :	244
حمایت شدهThanked :	1356

پاسخAnswer 1 : یه قالب گالری عکس (درخواست نیست

پسر تو فوق العاده ای.....

ممنون....

نیاز بود......

سه شنبه 10 دی 1392 - 15:28

ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

ankaboot

[avatar_answerankaboot]

[starsankaboot]
[rankingankaboot]

ارسال‌هاAsnwers :	[Count_Allankaboot]
عضویتRegistration date :	[registerdateankaboot]
محل زندگیLiving position :	[cityankaboot]
سنAge :	[age_answerankaboot]
شناسه یاهوYahoo ID :	[yahooankaboot]
تعداد اخطارWarnings :	[warningankaboot]
حمایت کردهthanks :	[thanksankaboot]
حمایت شدهThanked :	[thanksankaboot]

پاسخAnswer 2 : یه قالب گالری عکس (درخواست نیست

تنکیو!

سینا تویی؟

آخه تو این انجمن دو تا سینا ظاهر شدن!

[emzaankaboot]

سه شنبه 10 دی 1392 - 15:42

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

cena

ارسال‌هاAsnwers :	3425
عضویتRegistration date :	1 /3 /1393
حمایت کردهthanks :	1288
حمایت شدهThanked :	1898

پاسخAnswer 3 : یه قالب گالری عکس (درخواست نیست

دو تا سینا ؟

من اول این بودم sina4343

بعد تغییر کاربری داردم شدم این cena

سه شنبه 10 دی 1392 - 15:44

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

adell2000

ارسال‌هاAsnwers :	255
عضویتRegistration date :	18 /7 /1391
حمایت کردهthanks :	20
حمایت شدهThanked :	110

پاسخAnswer 4 : یه قالب گالری عکس (درخواست نیست

کاش یه فونت یکان هم میزدی تنگش

ما که رفتیم.شما هم کم کم میرید!!

دیدم همه دارن میرن گفتم منم خودمو چس کنم برم.کدستان مزخرف شده.هیشکی به درد آدم نمیرسه.هیشکی کارت رو را
نمیندازه.
کار خیلی را رو جلو انداختیم.با خیلی ها حال کردیم.ولی دیگه اینجا خز شده.

سه شنبه 10 دی 1392 - 16:57

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

cena

ارسال‌هاAsnwers :	3425
عضویتRegistration date :	1 /3 /1393
حمایت کردهthanks :	1288
حمایت شدهThanked :	1898

پاسخAnswer 5 : یه قالب گالری عکس (درخواست نیست

اینم با فونت یکان

کد:

<!-- Just write the code that belongs to your <body></body> :) -->
<div class="container">
<!-- Slide Up -->
<div class="image slideUp">
<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
<span class="title"><font size="2px" face="b yekan">تشکر یادت نره</font></span>
</div>
<!-- Slide Up Full -->
<div class="image slideUpFull">
<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
<span class="title"><font size="2px" face="b yekan">تشکر یادت نره</font></span>
</div>
<!-- Slide Down -->
<div class="image slideDown">
<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
<span class="title"><font size="2px" face="b yekan">تشکر یادت نره</font></span>
</div>
<!-- Slide Down Full -->
<div class="image slideDownFull">
<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
<span class="title"><font size="2px" face="b yekan">تشکر یادت نره</font></span>
</div>
<!-- Slide Left -->
<div class="image slideLeft">
<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
<span class="title"><font size="2px" face="b yekan">تشکر یادت نره</font></span>
</div>
<!-- Slide Right -->
<div class="image slideRight">
<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
<span class="title"><font size="2px" face="b yekan">تشکر یادت نره</font></span>
</div>
<!-- Slide Bottom Right -->
<div class="image slideBottomRight">
<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
<span class="title"><font size="2px" face="b yekan">تشکر یادت نره</font></span>
</div>
<!-- Slide Bottom Left -->
<div class="image slideBottomLeft">
<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
<span class="title"><font size="2px" face="b yekan">تشکر یادت نره</font></span>
</div>
<!-- Slide Top Right -->
<div class="image slideTopRight">
<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
<span class="title"><font size="2px" face="b yekan">تشکر یادت نره</font></span>
</div>
<!-- Slide Top Left -->
<div class="image slideTopLeft">
<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
<span class="title"><font size="2px" face="b yekan">تشکر یادت نره</font></span>
</div>
<!-- Reveal Up Half -->
<div class="image revealUpHalf">
<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
<span class="title"><font size="2px" face="b yekan">تشکر یادت نره</font></span>
</div>
<!-- Reveal Up Full -->
<div class="image revealUpFull">
<img src="http://moisrex.rozblog.com/user/Avatar/moisrex/cena.png" width="150px" height="150px" />
<span class="title"><font size="2px" face="b yekan">تشکر یادت نره</font></span>
</div>
</div>
<style>body {
font-family: 'Lucida Grande', 'Helvetica Neue', sans-serif;
font-size: 13px;
}
div.container {
margin: 50px auto;
width: 675px;
}
div.image {
position: relative;
overflow: hidden;
width: 150px;
height: 150px;
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.3);
}
img {
position: absolute;
left: 0;
top: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
span.title {
width: 150px;
height: 20px;
position: absolute;
background: rgba(30,30,30,0.9);
text-align: center;
padding: 5px 0 4px;
font-size: 14px;
color: white;
font-family: "Lucida Sans", "Trebuchet MS", Arial, sans-serif;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
/* SLIDE UP */
div.image.slideUp span {
bottom: -29px;
}
div.image.slideUp:hover img {
top: -29px;
}
div.image.slideUp:hover span {
bottom: 0px;
}
/* SLIDE UP FULL */
div.image.slideUpFull span {
height: 141px;
bottom: -150px;
}
div.image.slideUpFull:hover img {
top: -150px;
}
div.image.slideUpFull:hover span {
bottom: 0px;
}
/* SLIDE DOWN */
div.image.slideDown span {
top: -29px;
}
div.image.slideDown:hover img {
top: 29px;
}
div.image.slideDown:hover span {
top: 0px;
}
/* SLIDE DOWN FULL */
div.image.slideDownFull span {
height: 141px;
top: -150px;
}
div.image.slideDownFull:hover img {
top: 150px;
}
div.image.slideDownFull:hover span {
top: 0px;
}
/* SLIDE Left */
div.image.slideLeft span {
height: 141px;
left: -150px;
}
div.image.slideLeft:hover img {
left: 150px;
}
div.image.slideLeft:hover span {
left: 0;
}
/* SLIDE Right */
div.image.slideRight span {
height: 141px;
right: -150px;
}
div.image.slideRight:hover img {
left: -150px;
}
div.image.slideRight:hover span {
right: 0;
}
/* SLIDE BOTTOM RIGHT */
div.image.slideBottomRight span {
height: 141px;
width: 150px;
bottom: -150px;
right: -150px;
}
div.image.slideBottomRight:hover img {
top: 0px;
}
div.image.slideBottomRight:hover span {
bottom: 0px;
right: 0px;
}
/* SLIDE TOP RIGHT */
div.image.slideTopRight span {
height: 141px;
width: 150px;
top: -150px;
right: -150px;
}
div.image.slideTopRight:hover img {
top: 0px;
}
div.image.slideTopRight:hover span {
top: 0px;
right: 0px;
}
/* SLIDE BOTTOM RIGHT */
div.image.slideBottomLeft span {
height: 141px;
width: 150px;
bottom: -150px;
left: -150px;
}
div.image.slideBottomLeft:hover img {
top: 0px;
}
div.image.slideBottomLeft:hover span {
bottom: 0px;
left: 0px;
}
/* SLIDE BOTTOM RIGHT */
div.image.slideTopLeft span {
height: 141px;
width: 150px;
top: -150px;
left: -150px;
}
div.image.slideTopLeft:hover img {
top: 0px;
}
div.image.slideTopLeft:hover span {
top: 0px;
left: 0px;
}
/* REVEAL UP HALF */
div.image.revealUpHalf span {
height: 141px;
width: 150px;
bottom: -120px;
}
div.image.revealUpHalf:hover img {
top: -40px;
}
div.image.revealUpHalf:hover span {
bottom: -80px;
}
/* REVEAL UP FULL */
div.image.revealUpFull span {
height: 141px;
width: 150px;
bottom: -120px;
}
div.image.revealUpFull:hover img {
top: -150px;
}
div.image.revealUpFull:hover span {
bottom: 0px;

}</style>

سه شنبه 10 دی 1392 - 17:02

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

alireza111 آفلاین

ارسال‌هاAsnwers :	3294
عضویتRegistration date :	25 /10 /1391
حمایت کردهthanks :	831
حمایت شدهThanked :	1853

پاسخAnswer 6 : یه قالب گالری عکس (درخواست نیست

سادس

اون استایلش که از سایت های خارجی هست

دیگه چیزی هم نداره

ولی ممنون

سه شنبه 10 دی 1392 - 19:06

ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

sina3302

ارسال‌هاAsnwers :	230
عضویتRegistration date :	10 /6 /1392
حمایت کردهthanks :	212
حمایت شدهThanked :	104

پاسخAnswer 7 : یه قالب گالری عکس (درخواست نیست

منم اسمم سیناست!

سایت دانلود ها

همه چی برای دانلود

http://sina3302.rozblog.com

لطفا سری بزنید!!!

سه شنبه 10 دی 1392 - 20:35

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

benben

ارسال‌هاAsnwers :	3189
عضویتRegistration date :	29 /8 /1391
حمایت کردهthanks :	792
حمایت شدهThanked :	947

پاسخAnswer 8 : یه قالب گالری عکس (درخواست نیست

خیلی جالبه...!

فری پی اس دی مال سینا معاونه...!

واینم جالب تر کاربر

alex300-max3000

از این پست کاربر دوم تشکر کرده بودن که اول تشکر مکس 3000 حذف شد و بعد کل اون پست...!

عدادی 300 و 3000 هم شبیه همن...!

سینا ثابت کن که این اکانت مال تو نیست...!

وگرنه میدم محمد چک کنه و اگه اره مقامتو از دسیت میدی مثل AHM....

یاد روزای جوونی بخیر
کدستان کجایی...؟!
My Language: Html5 Css3 Android
++Learning PHP & c

سه شنبه 10 دی 1392 - 20:46

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

t-rex

ارسال‌هاAsnwers :	1775
عضویتRegistration date :	21 /3 /1392
تعداد اخطارWarnings :	3
حمایت کردهthanks :	482
حمایت شدهThanked :	1585

پاسخAnswer 9 : یه قالب گالری عکس (درخواست نیست

نقل قول از benben
خیلی جالبه...!
فری پی اس دی مال سینا معاونه...!
واینم جالب تر کاربر
&
alex300-max3000
از این پست کاربر دوم تشکر کرده بودن که اول تشکر مکس 3000 حذف شد و بعد کل اون پست...!
عدادی 300 و 3000 هم شبیه همن...!
سینا ثابت کن که این اکانت مال تو نیست...!
وگرنه میدم محمد چک کنه و اگه اره مقامتو از دسیت میدی مثل AHM....

به این کاری که الان داری میکنی میگن ***********!

من تضمینش می کنم!

آقا نیست!

سینا رو میشناسم بابا!

اونا رو قشنگ آمارشون رو دارم

اون سینا یه سینای دیگس

دنیا ارزش زیر آب زنی رو نداره...

سینام نمی یاد خیلی زایه از خودش تشکر کنه پس...

سه شنبه 10 دی 1392 - 21:11

ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

cena

ارسال‌هاAsnwers :	3425
عضویتRegistration date :	1 /3 /1393
حمایت کردهthanks :	1288
حمایت شدهThanked :	1898

پاسخAnswer 10 : یه قالب گالری عکس (درخواست نیست

اون من نیستم . لایه باز اون اواتار رو گذاشتم سایتم . اون بنده خدا بلد نبوده اون فری پی اس دی پایینش ررو برداری تقصیر منه ؟

به محمد هم بگو چک کنه

من یکی دیگه دارم اونم یادم رفته فکر کنم این بود

sina43

سه شنبه 10 دی 1392 - 21:53

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

12 »

برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.

moisrex

درباره ماAbout us	لینک های ماOur links	کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex. ایمیلE-mail : Moisrex @ Gmail.com	کدستانMoisrex اینتکIntec تک پیکTak-Pic فتوشاپPhotoshop	کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد

انجمن کدستان Moisrex

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

انجمن کدستانMoisrex

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

انجمن کدستان Moisrex