::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

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

MoisrexMoisrex.rozblog.com
زمان جاریtime : شنبه 16 تیر 1403 - 8:10 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
صفحه اصلیHome page / کد های جدید سی اس اس (CSS) / ساخت کد صفحه بندی با CSS
ساخت کد صفحه بندی با CSS
تعداد بازدیدvisits : 1203
c-plusplus آفلاین



ارسال هاAnswers : 217
عضویتRegistration date : 9 /1 /1392
حمایت کردهThanks : 15
حمایت شدهThanked : 62
 ساخت کد صفحه بندی با CSS

سلام امروز یک کد درست کردم برای صفحه بندی قالب مثل 1،2،3،4...

اینو تو head

کد:
<style type="text/css">body { background: #eaebef;}

#pagin { margin: 65px auto; padding: 0; list-style: none; width: 180px;}

#pagin li { float: left; margin-right: 10px;}

#pagin li a { display: block; text-decoration: none; color: #717171; font: bold 11px Arial, sans-serif; text-shadow: 0px 1px white; padding: 5px 8px;

-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;

-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35); background: #f9f9f9;

background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%); background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%); background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%); background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%); background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );}

#pagin li a.current { color: white; text-shadow: 0px 1px #3f789f;

-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8); background: #7cb9e5;

background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%); background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%); background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%); background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%); background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5', endColorstr='#57a1d8',GradientType=0 );}

#pagin li a:hover { -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55); background: #fff;

background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%); background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%); background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%); background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%); background: linear-gradient(top, #fff 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e8e8e8',GradientType=0 );}

#pagin li a:active,#pagin li a.current:active { -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important; -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important; box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;}

#pagin li a.current:hover { -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9); background: #99cefc;

background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%); background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%); background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%); background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%); background: linear-gradient(top, #99cefc 0%, #57a1d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc', endColorstr='#57a1d8',GradientType=0 );}#pagin li a:hover {background: #bae0ea}#pagin li a:active { background: #FFFF00;

</style>

اینو هم هر جایی که دوست داشتید

کد:
<ul id="pagin"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li></ul>

برنامه نویسی C++ برای بازدید پرکاربرد ترین کد های C++ به وبلاگ ما بیاید.

آدرس سایت








جهت تبادل لینک به آدرس سایت ما بیایید
یکشنبه 25 فروردین 1392 - 22:49
وب کاربرUser's blog ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شدهThanks : سپاس هاThanks (1) : mohammadmrdesigner -
aaaaz آفلاین



ارسال‌هاAsnwers : 303
عضویتRegistration date : 14 /11 /1391
تعداد اخطارWarnings : -1
حمایت کردهthanks : 42
حمایت شدهThanked : 40
 پاسخAnswer 1 : ساخت کد صفحه بندی با CSS

هر جا چیه تو body

یکشنبه 25 فروردین 1392 - 22:54
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
mohammadelement آفلاین



ارسال‌هاAsnwers : 455
عضویتRegistration date : 1 /9 /1391
حمایت کردهthanks : 12
حمایت شدهThanked : 109
 پاسخAnswer 2 : ساخت کد صفحه بندی با CSS

پس دمو کو

چون من که اصلا نفهمیدم این ابزار برای چه کاری هست
یکشنبه 25 فروردین 1392 - 23:31
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
khodrosazan آفلاین



ارسال‌هاAsnwers : 181
عضویتRegistration date : 13 /8 /1391
حمایت کردهthanks : 46
حمایت شدهThanked : 26
 پاسخAnswer 3 : ساخت کد صفحه بندی با CSS

بیا این هم دمو:

http://tllg.net/vir3

یکشنبه 25 فروردین 1392 - 23:59
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
shir1mob آفلاین



ارسال‌هاAsnwers : 324
عضویتRegistration date : 16 /9 /1391
حمایت کردهthanks : 8
حمایت شدهThanked : 2
 پاسخAnswer 4 : ساخت کد صفحه بندی با CSS

خب این واسه رزبلاگ که نمیشه استفاده کرد که؟چون کلا تا صفحه 5 داره

شیروان موب
آرشیو دانلود فیلم و سریال ایرانی
اس ام اس
مد
سرگرمی
موبایل
کامپیوترو....




دوشنبه 26 فروردین 1392 - 01:18
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
desperado آفلاین



ارسال‌هاAsnwers : 1641
عضویتRegistration date : 1 /9 /1391
حمایت کردهthanks : 78
حمایت شدهThanked : 281
 پاسخAnswer 5 : ساخت کد صفحه بندی با CSS

شما باید به جای اعداد تگ صفحات رزبلاگ رو بزاری

دوشنبه 26 فروردین 1392 - 01:51
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
c-plusplus آفلاین



ارسال‌هاAsnwers : 217
عضویتRegistration date : 9 /1 /1392
حمایت کردهthanks : 15
حمایت شدهThanked : 62
 پاسخAnswer 6 : ساخت کد صفحه بندی با CSS

سلام چون من بلاگفا دارم از امکانات رزبلاگ اطلاع ندارم

راحت میشه درستش کرد
برنامه نویسی C++ برای بازدید پرکاربرد ترین کد های C++ به وبلاگ ما بیاید.

آدرس سایت








جهت تبادل لینک به آدرس سایت ما بیایید
دوشنبه 26 فروردین 1392 - 20:00
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
2880 آفلاین



ارسال‌هاAsnwers : 3108
عضویتRegistration date : 24 /6 /1391
حمایت کردهthanks : 120
حمایت شدهThanked : 1210
 پاسخAnswer 7 : ساخت کد صفحه بندی با CSS

از بلاگفا بیا رزبلاگ. این سایت از رزبلاگ پشتیبانی کامل میکنه.
سه شنبه 27 فروردین 1392 - 20:55
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
2880 آفلاین



ارسال‌هاAsnwers : 3108
عضویتRegistration date : 24 /6 /1391
حمایت کردهthanks : 120
حمایت شدهThanked : 1210
 پاسخAnswer 8 : ساخت کد صفحه بندی با CSS

از بلاگفا بیا رزبلاگ. این سایت از رزبلاگ پشتیبانی کامل میکنه.
سه شنبه 27 فروردین 1392 - 20:55
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
iranta آفلاین



ارسال‌هاAsnwers : 125
عضویتRegistration date : 8 /6 /1391
حمایت کردهthanks : 10
حمایت شدهThanked : 12
 پاسخAnswer 9 : ساخت کد صفحه بندی با CSS

سلام خوب بود اگه خواستین رنگ این کد رو عوض کنین از این ابزار استفاده کنید

http://moisrex.rozblog.com/Forum/Catgory/8/Post/5875

سه شنبه 27 فروردین 1392 - 22:46
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com 		کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex