رفتن به مطلب

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


پست های پیشنهاد شده

سلام

یکی بگ گراند به قول گفتنی طراحی شده گذاشته شده بر روی سایت و این بک گراند با رزولوشن من سازگار هست اما دوست من یا هرکسی دیگه بیاد براش این قضییه متفاوت میشه !

و اونجاس که مشکل ایجاد میشه برای بک گراند میخاستم بدونم لطفا اگر کدی هست که بتونه تنظیم کنه بک گراند رو با هر رزولوشن بهم بگید !

اگه کسی راهی میدونه لطف کنه بگه ممنون

ممنون

ویرایش شده توسط mam1371
لینک به ارسال

سلام

شما می خوایید بکگراند همزمان با تغییر سایز صفحه کوچک بشه یا مثلا بکگراند در هر سایز 1 عکس جدا باشه ؟

لینک به ارسال

http://css-tricks.com/perfect-full-page-background-image/

http://demosthenes.info/blog/299/Dynamically-Resized-Backgrounds-With-CSS3

نمونه


<div id=stmark>
<h1>Piazza San Marco</h1>
<p>Piazza San Marco (often known in English as St Mark’s Square), is the principal public square of Venice. “The Piazza” forms the social, religious and political centre of Venice…
</div>



body, html { min-height: 100%; }
body { color: white; background: url(st-marks-square.jpg) centre no-repeat;
background-size: cover; background-color: #444; }
div#stmark { width: 40%; background: rgba(0,0,0,0.6); border: 5px double white; margin: 3em; padding: 2em 2em 0 2em; float: right; line-height: 155%; font-family: Cochin, "Times New Roman", Times, serif; }
div#stmark h1 { margin-top: 0; }

لینک به ارسال

http://css-tricks.co...ckground-image/

http://demosthenes.i...ounds-With-CSS3

نمونه


<div id=stmark>
<h1>Piazza San Marco</h1>
<p>Piazza San Marco (often known in English as St Mark’s Square), is the principal public square of Venice. “The Piazza” forms the social, religious and political centre of Venice…
</div>



body, html { min-height: 100%; }
body { color: white; background: url(st-marks-square.jpg) centre no-repeat;
background-size: cover; background-color: #444; }
div#stmark { width: 40%; background: rgba(0,0,0,0.6); border: 5px double white; margin: 3em; padding: 2em 2em 0 2em; float: right; line-height: 155%; font-family: Cochin, "Times New Roman", Times, serif; }
div#stmark h1 { margin-top: 0; }

ُلام ممنون این کد ها باید یکی در استایل و دیگری در هدر قرار بدیم

اما انجام دادم نشد ! مشکل چی هست ! ؟

لینک به ارسال

من هنوزم درگیرشم و نتونستم درستش کنم...واقعا ممنون میشم راهنمایی بفرمایید...

اول اینکه پرسیدم از دوستان میگن سایتت درسته..این آدرس سایت : http://www.freedlmovie.tk کناره های سایت سفیده.حالا سایت رو با رزولیشن 1024 در 768 باز میکنم سایته فیته و درسته.اما با رزولیشن بالاتر باز میکنم کناره های سایت سفیده.من سایتایی رو دیدم که با همه رزولیشن ها صفحه کامله...

حالا اینایی که شما گفتید رو من انجام دادم ولی نشد.البته من اشتباه انجام میدم.

توی قالب اینارو داریم کدوم رو باید تغییر داد؟ببخشید ابتدایی بگید ممنون میشم

شیوه‌نامه

(style.css)

قالب صفحه اصلی

(index.php

ویرایش شده توسط behi021
لینک به ارسال

من هنوزم درگیرشم و نتونستم درستش کنم...واقعا ممنون میشم راهنمایی بفرمایید...

اول اینکه پرسیدم از دوستان میگن سایتت درسته..این آدرس سایت : http://www.freedlmovie.tk کناره های سایت سفیده.حالا سایت رو با رزولیشن 1024 در 768 باز میکنم سایته فیته و درسته.اما با رزولیشن بالاتر باز میکنم کناره های سایت سفیده.من سایتایی رو دیدم که با همه رزولیشن ها صفحه کامله...

حالا اینایی که شما گفتید رو من انجام دادم ولی نشد.البته من اشتباه انجام میدم.

توی قالب اینارو داریم کدوم رو باید تغییر داد؟ببخشید ابتدایی بگید ممنون میشم

شیوه‌نامه

(style.css)

قالب صفحه اصلی

(index.php

سلام دوست عزیز

شما می تونید اندازه ای برای یک گراند سایتتون قرار بدید که به قول معروف بزگ باشه و اون رو در وسط قرار بدید و دیگه هیچ مشکلی نداشته باشید !

توصییه میکنم عرض تصویر 1920 باشه تا مناسب با تمامی مانیتور ها باشه ! و سعی کنید یک عکسی بسازید که از از جندین رنگ به یک رنگ ختم بشه ! ( برای اینکه زیر لایه بک گراند همون رنگ مد نظر خودتون رو قرار بدید تا سایت سنگین نشه ! و کاربر اذیت نشه !

و برای وسط قرار دادنش هم دوستمون گفتن در پئشع شیوه نامه در قسمت body

این رو قرار بدید

background-size:100% 100%;

لینک به ارسال

سلام دوست عزیز

شما می تونید اندازه ای برای یک گراند سایتتون قرار بدید که به قول معروف بزگ باشه و اون رو در وسط قرار بدید و دیگه هیچ مشکلی نداشته باشید !

توصییه میکنم عرض تصویر 1920 باشه تا مناسب با تمامی مانیتور ها باشه ! و سعی کنید یک عکسی بسازید که از از جندین رنگ به یک رنگ ختم بشه ! ( برای اینکه زیر لایه بک گراند همون رنگ مد نظر خودتون رو قرار بدید تا سایت سنگین نشه ! و کاربر اذیت نشه !

و برای وسط قرار دادنش هم دوستمون گفتن در پئشع شیوه نامه در قسمت body

این رو قرار بدید

background-size:100% 100%;

ممنون از شما..ببینید من میخوام سایم کنارهاش کامل بشه....ولی شما گفتی این کد رو بذار زیر body در شیوه نامه که من گذاشتم اتفاقی نیفتاد...این هم کد شیوه نامه ممنون میشم ویرایش کنید بدید.من خیلی گیجم چرا؟

/*

Theme Name: DownloadHa

Theme URI: http://expres.ir

Description: Translate To Wordpress By : expres.ir

Version: 2

Author: expres web

Author URI: http://expres.ir

*/

/* reset */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;

padding: 0;

border: 0;

outline: 0;

font-size: 100%;

vertical-align: baseline;

}

.more-link {display:none}

ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: "";

content: none;

}

/* remember to define focus styles! */

:focus {

outline: 0;

}

/* remember to highlight inserts somehow! */

ins {

text-decoration: none;

}

del {

text-decoration: line-through;

}

/* end reset CSS */

/* render html5 elements as block */

header, footer, section, aside, nav, article {

display: block;

}

/* basics */

h1,h2,h3,h4,h5,h6 {

font-family: arial;

}

img {

border:none;

}

/* basic */

body {

background: url(images/background.jpg) #ccc repeat-x ;

color: #252525;

font:11px/1.9 tahoma,Arial,sans-serif;

}

a, a:link, a:visited {

text-decoration: none;

color: #665B5B;

}

a:hover {

text-decoration: none;

color: #18A6BE;

}

.clear {

clear: both;

display: block;

height:0;

font-size:0px;

}

.clearfix:after{

content:" ";

display:block;

clear:both;

visibility:hidden;

}

*:first-child+html .clearfix{

min-height: 1px

}

.hide {

display:none;

visibility:hidden;

}

h1, h2, h3, h4, h5, h6 {

font-family: arial;

font-weight: bold;

}

h1, h2 {

font:bold 1.4em/1.6 Arial,sans-serif;

}

h3 {

font:bold 1.4em/1.6 Arial,sans-serif;

}

h4 {

font:bold 1.3em/1.6 Arial,sans-serif;

}

/* layout */

#wrapper{

width: 990px;

direction:rtl;

margin: 5px auto 0 auto;

padding: 0;

position: relative;

text-align: right;

}

#top-wrapper {

width: 990px;

height: 180px;

}

#top-wrapper .favorites {

width: 990px;

height: 30px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

background: #515151;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(100%,#333333));

background: -moz-linear-gradient(top, #454545 0%, #333333 100%);

}

#top-wrapper .fav-warp {

padding: 10px 0px 0px 10px;

}

#top-wrapper .favorites a, #top-wrapper .favorites a:hover {

color: #969696;

text-shadow: 1px 1px #2D2D2D;

}

#top-wrapper .favorites ul {

text-align: left;

}

#top-wrapper .favorites ul li {

display: block;

float: left;

color: #F7F7F7;

text-shadow: 1px 1px #2D2D2D;

}

#top-wrapper .favorites ul li.homepage {

background: url(images/favorites.gif) no-repeat right;

padding: 3px 20px 0px 0px;

}

#top-wrapper .favorites ul li.speech {

background: url(images/speech.gif) no-repeat right;

padding: 3px 20px 0px 10px;

}

#logo {

position: absolute;

display: block;

top: 30px;

right: 5px;

height: 130px;

width: 320px;

}

#logo a {

display: block;

height: 130px;

width: 320px;

background: url(images/logo.jpg) 0 0 no-repeat

}

#logo a span {

display: none;

height: 130px;

width: 320px;

}

#tagline {

display: none;

}

#top-wrapper .special-ads {

position: absolute;

top: 60px;

left: 0px;

background: #313131;

height: 90px;

width: 500px;

}

#top-wrapper .special-ads .mobile, #top-wrapper .special-ads .forum {

float: right;

margin-left: 5px;

background: #f6f6f6;

-moz-border-radius: 5px;

border-radius: 5px;

width: 240px;

text-align: justify;

-moz-box-shadow: 0 0 4px 0px #000;

-webkit-box-shadow: 0 0 4px 0px #000;

box-shadow: 0 0 4px 0px #000;

background: -moz-linear-gradient(top, #E4E4E4 0%, #F6F6F6 30%);

}

#top-wrapper .special-ads .mobile-content {

padding: 5px 50px 0px 8px;

background: url(images/mobile_review_icon.gif) no-repeat 192px 10px;

}

#top-wrapper .special-ads .forum-content {

background: url(images/forum_icon.gif) no-repeat 194px 10px;

padding: 5px 50px 0px 8px;

}

#top-wrapper .special-ads span.page-url {

text-align: left;

display: block;

}

#top-wrapper .special-ads span.page-url a {

color: #16955B;

}

.top-banners {

width: 990px;

background: #393939;

-moz-border-radius: 5px 5px;

margin: 0px 0px 10px 0px;

text-align: center;

}

.top-banners-right {

margin: 10px 10px 5px 0px;

float: right;

width: 480px;

}

#nav {

width: 990px;

height: 45px;

background: url(images/top_nav_bg.jpg) no-repeat;

}

#nav ul li {

display: block;

float: right;

font-size: 12px;

}

#nav ul li a {

color: #CCCCCC;

border-left: 1px solid #777777;

height: 37px;

display: block;

text-shadow: 0px -1px 0px #333333;

}

#nav ul li a:hover {

border-left: 1px solid #777777;

color: #EEEEEE;

background: url(images/nav-highlight.jpg) #444444 center;

}

#nav ul li a span {

display: block;

padding: 7px 12px 0px 12px;

}

#nav ul li.home {

height: 35px;

width: 40px;

float: right;

}

#nav ul li.home a {

display: block;

height: 35px;

width: 40px;

border: 0;

}

#nav ul li.home a:hover {

background: transparent;

}

#nav ul li.home a span {

display: none;

height: 35px;

width: 40px;

}

#nav #search {

width: 270px;

float: left;

margin: 5px 0px 0px 0px;

}

#nav .searchtext {

float: right;

background: none;

width: 230px;

height: 25px;

color: #CECECE;

text-shadow: 1px 1px #666666;

text-align: right;

border: 0;

font: 11px tahoma, sans-serif;

}

#nav .searchsubmit {

border: 0;

background: url(../../../index.html) no-repeat;

cursor: pointer;

width: 30px;

height: 25px;

background: none;

float: left

}

.middle-content {

width: 990px;

background: url(images/wrapper_bg.gif) #ffffff;

-moz-border-radius-bottomleft: 6px;

-moz-border-radius-bottomright: 6px;

}

#two-menus {

float: right;

width: 705px;

}

#center-menus {

float: left;

text-align: right;

width: 510px;

}

.main-menu-content {

width: 510px;

float: right;

}

.linkdump-content {

padding: 5px;

}

.linkdump-content ul {

width: 480px;

display: block;

}

.linkdump-content ul li {

display: block;

float: right;

width: 240px;

}

.linkdump-content ul li a {

padding-right: 10px;

display: block;

background: url(images/arrow_right.gif) no-repeat right 5px;

}

.center-banners {

text-align: center;

}

.center-banners a, .center-banners img {

margin: 0px auto 5px;

}

.divider {

background: url(images/divider.gif) no-repeat center;

height: 7px;

clear: both;

width: 470px;

margin: 0px auto 5px;

}

.right-menu {

width: 185px;

float: right;

}

.post {

margin: 0px 0px 15px 0px;

width: 510px;

text-align: justify;

overflow: hidden;

}

.post img{

max-width:480px;

}

.post-title {

background: url(images/post_title.gif) no-repeat;

}

.post-title h1 {

padding: 14px 46px 2px 12px;

color: #625E5E;

}

.post-title h1 a {

color: #625E5E;

}

.post-title h1 a:hover {

color: #18A6BE;

}

.meta {

color: #7F7F7F;

padding: 0px 0px 12px 0px;

}

.meta ul {

background: transparent;

}

.meta a {

color: #7F7F7F;

padding-bottom: 5px;

}

.meta a:hover {

border-bottom: 1px dotted #C1C1C1;

}

.meta ul li.author, .meta ul li.category, .meta ul li.view {

display: block;

float: right;

padding-right: 20px;

margin-left: 10px;

}

.meta ul li.author {

background: url(images/author.gif) no-repeat right;

}

.meta ul li.view {

background: url(images/view.gif) no-repeat right;

}

.meta ul li.category {

background: url(images/category.gif) no-repeat right;

}

.post-content {

background: url(images/post_content.gif);

padding: 10px 15px;

text-align: justify;

}

.post-tags {

background: url(images/tags.gif) no-repeat right top;

padding: 0px 30px 0px 0px;

margin: 10px 0px 0px 0px;

color: #666666;

text-align: justify;

}

.post footer {

height: 45px;

background: url(images/post_footer.gif) no-repeat;

}

.etc-footer {

height: 15px !important;

background: url(images/etc_post_footer.gif) no-repeat center !important;

}

#etc-index {

margin: -10px 0px 0px 0px;

}

.post-time {

padding: 10px 40px 0px 0px;

color: #999;

text-shadow: 1px 1px #fff;

}

.post-more-link {

margin-top: 10px;

}

.post-more-link a {

padding: 5px;

background: #1BB5CB;

-moz-border-radius-bottomleft: 6px;

-moz-border-radius-topleft: 0px;

-moz-border-radius-bottomright: 6px;

-moz-border-radius-topright: 6px;

text-shadow: 1px 1px #14899A;

color: #fff;

}

/*

Design : Nulled.IR

*/

#sidebar-right {

width: 185px;

float: right;

}

.sidebar-right {

padding: 5px 10px 0px 0px

}

.sidebar-right ul {

padding: 5px 5px;

}

.sidebar-right ul li {

padding-right: 10px;

background: url(images/arrow_right.gif) no-repeat right 4px;

}

.sidebar-right-cat ul li {

padding-right: 11px;

background: url(images/arrow_right_3.gif) no-repeat right 8px;

}

.sidebar-right-cat ul li ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 6px 0px;

}

.sidebar-right-cat ul li ul li {

padding-right: 11px;

background: url(images/arrow_right_2.gif) no-repeat right 8px;

}

.sidebar-right-cat ul li ul li ul li{

padding-right: 11px;

background: url(images/arrow_right.gif) no-repeat right 6px;

}

.sidebar-right-ads, .sidebar-right-cat, .sidebar-right-status {

-moz-box-shadow: 0 0 4px 0px #B4B4B4;

-webkit-box-shadow: 0 0 4px 0px #B4B4B4;

box-shadow: 0 0 4px 0px #B4B4B4;

-moz-border-radius: 5px;

border-radius: 5px;

-webkit-border-radius: 5px;

margin: 0px 0px 15px 0px;

padding: 4px;

background: #F4F4F4;

background: -moz-linear-gradient(top , #EAEAEA 0%, #F4F4F4 20px) repeat 0 0;

}

.sidebar-right-ads-content, .sidebar-right-cat-content, .sidebar-right-status-content {

-moz-border-radius: 5px;

border-radius: 5px;

border: 2px solid #fff;

-webkit-border-radius: 5px;

}

.sidebar-right-ads-content h3.ads, .sidebar-right-cat-content h3.cat, .sidebar-right-status-content h3.status {

height: 38px;

width: 163px;

border-bottom: 2px solid #ffffff;

}

.sidebar-right-ads-content h3.ads {

background: url(images/ads.gif) no-repeat center;

}

.sidebar-right-cat-content h3.cat {

background: url(images/cat.gif) no-repeat center;

}

.sidebar-right-status-content h3.status {

background: url(images/status.gif) no-repeat center;

}

.sidebar-right-ads-content h3.ads span, .sidebar-right-cat-content h3.cat span, .sidebar-right-status-content h3.status span {

height: 38px;

width: 163px;

display: none;

}

#sidebar-left {

float: left;

margin: 5px 15px 0px 10px;

width: 260px;

}

#sidebar-left ul {

padding: 5px;

}

#sidebar-left ul li {

padding-right: 10px;

background: url(images/arrow_right.gif) no-repeat right 7px;

}

#sidebar-left h3 {

background: #676767;

background: -moz-linear-gradient(top, #646464 60%, #5B5B5B 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#333333));

height: 40px;

-moz-border-radius-bottomleft: 6px;

-moz-border-radius-topleft: 0px;

-moz-border-radius-bottomright: 6px;

-moz-border-radius-topright: 6px;

color: #FFFFFF;

text-shadow: 1px 1px #111111;

}

#sidebar-left h3 span {

background: url(images/sidebar_left_title_arrow.gif) no-repeat 230px 8px;

display: block;

padding: 10px 40px 0 0;

}

#sidebar-left .green, #sidebar-left .blue, #sidebar-left .yellow {

display: block;

padding: 5px;

text-shadow: 1px 1px #FFFFFF;

-moz-border-radius: 5px;

border-radius: 5px;

-webkit-border-radius: 5px;

margin-bottom:5px;

}

#sidebar-left .green {

background: #E4F8B3;

border: 1px solid #C9E487;

}

#sidebar-left .blue {

background: #C3F3FC;

border: 1px solid #75DFEE;

}

#sidebar-left .yellow {

background: #FBF3B0;

border: 1px solid #E8D853;

}

.sidebar-textads {

padding: 5px;

}

#error {

color: #555555;

text-shadow: 1px 1px #fff;

-moz-border-radius: 5px;

border-radius: 5px;

padding: 8px;

background: #FEFEC0;

border: 2px dashed #E4E4E4;

}

#error p {

font-size: 12px;

}

#main-footer {

margin: 15px 0px 20px;

text-shadow: 1px 1px #191919;

color: #ccc;

direction: rtl;

}

#main-footer a {

color: #c4c4c4;

}

#main-footer a:hover {

color: #eee

}

footer[role=bottomcontent] h3, footer h3 {

color: #A5A5A5;

background: url(images/hr.gif) repeat-x bottom;

padding: 0px 0px 10px 0px;

}

footer[role=bottomcontent] h3 a, footer h3 a, footer h3 span {

font-size: 11px;

font-family: tahoma;

color: #c4c4c4;

font-weight: normal;

border-bottom:

padding-bottom: 4px;

}

footer[role=bottomcontent] h3 a:hover, footer h3 a:hover {

border-bottom: 1px dotted #999;

}

.all-tags {

width: 315px;

float: right;

-moz-box-shadow: 0 0 4px 0px #B1B1B1;

-moz-border-radius: 5px 5px;

background: #454545;

}

.rss {

width: 320px;

float: right;

margin: 0px 20px;

background: #454545;

-moz-box-shadow: 0 0 4px 0px #B1B1B1;

-moz-border-radius: 5px 5px;

}

.rss a {

border-bottom: 1px dotted #999;

padding-bottom: 4px

}

.rss a:hover {

border: 0px;

color: #fff

}

.rss h3 {

background: none !important;

}

.footerbox-content {

padding: 10px;

}

.feed-desc {

background: url(images/rss.gif) no-repeat right;

padding-right: 70px;

}

.feed-details {

border-top: 1px dotted #666666;

margin: 10px 0px 5px 0px;

padding: 10px 0px;

}

.feed-details li a {

border: 0px;

}

.feed-details li.facebook {

background: url(images/facebook.gif) no-repeat right;

padding: 0px 20px 0px 0px;

}

.feed-details li.support {

background: url(images/support.gif) no-repeat right;

padding: 0px 20px 0px 0px;

}

.feed-details li.nulleds {

background: url(images/nulleds.com.gif) no-repeat right;

padding: 0px 20px 0px 0px;

}

.feed-details li.yahoo {

background: url(images/yahoo.jpg) no-repeat right;

padding: 0px 20px 0px 0px;

}

.feed-details li.nulleds-com {

background: url(images/firefox.gif) no-repeat right;

padding: 0px 20px 0px 0px;

}

.rss-gen li {

padding-right: 10px;

background: url(images/arrow_right.gif) no-repeat right 7px;

}

.links {

width: 315px;

float: right;

-moz-box-shadow: 0 0 4px 0px #B1B1B1;

-moz-border-radius: 5px 5px;

background: #454545;

}

.links ul li {

display: block;

float: right;

width: 145px;

}

.links ul li a {

display: block;

background: url(images/arrow_right.gif) no-repeat right 5px;

padding-right: 12px;

}

.copyright {

background: #2C2C2C;

padding: 20px 0px;

color: #ccc;

direction: rtl;

text-align: right

}

.copyright a, copyright a:hover {

color: #ccc

}

.copyright-content {

display: block;

width: 980px;

margin: 0px auto;

}

.releatedpost {

-moz-box-shadow: 0 0 4px 0px #B4B4B4;

-webkit-box-shadow: 0 0 4px 0px #B4B4B4;

box-shadow: 0 0 4px 0px #B4B4B4;

-moz-border-radius: 5px;

border-radius: 5px;

-webkit-border-radius: 5px;

margin: 0px 0px 15px 0px;

padding: 4px;

background: #F4F4F4;

background:-moz-linear-gradient(top , #EAEAEA 0%, #F4F4F4 20px) repeat 0 0;

margin: 5px 4px 12px 4px;

}

.releatedpost-content {

-moz-border-radius: 5px;

border-radius: 5px;

border: 2px solid #FFF;

-webkit-border-radius: 5px;

}

.releatedpost-content h2 {

background: url(images/releated_post.gif) no-repeat center;

height: 35px;

border-bottom: 2px solid #FFFFFF;

width: 491px;

}

.releatedpost-content h2 span {

height: 35px;

width: 491px;

display: none;

}

.releatedpost ul {

padding: 5px;

}

.releatedpost ul li {

padding-right: 11px;

background: url(images/arrow_right.gif) no-repeat right 6px;

}

#comments h2.comments-title {

background: url(images/comment_title.gif) no-repeat right;

padding: 5px 40px 5px 0px;

color: #757575;

float: right;

}

#comments h2 span {

color: #1BB5CB;

font-size: 22px;

}

#comments h2 a {

color: #1BB5CB;

font-size: 11px;

font-family: tahoma;

font-weight: normal;

}

.comment, .pagenavi{

margin: 5px 4px 10px 5px;

-moz-box-shadow: 0 0 4px 0px #B4B4B4;

-webkit-box-shadow: 0 0 4px 0px #B4B4B4;

box-shadow: 0 0 4px 0px #B4B4B4;

-moz-border-radius: 5px;

border-radius: 5px;

-webkit-border-radius: 5px;

padding: 5px;

background: #F1F1F1;

background: -moz-linear-gradient(top , #EAEAEA 0%, #F1F1F1 20px) repeat 0 0;

}

.alt {

margin: 5px 4px 10px 5px;

-moz-box-shadow: 0 0 4px 0px #B4B4B4;

-webkit-box-shadow: 0 0 4px 0px #B4B4B4;

box-shadow: 0 0 4px 0px #B4B4B4;

-moz-border-radius: 5px;

border-radius: 5px;

-webkit-border-radius: 5px;

padding: 5px;

background: #F6F6F6;

background: -moz-linear-gradient(top , #EAEAEA 0%, #F6F6F6 20px) repeat 0 0;

}

.comment .article-wrap, .alt .article-wrap {

-moz-border-radius: 5px;

border-radius: 5px;

border: 2px solid #fff;

padding: 5px;

-webkit-border-radius: 5px;

}

.pagenavi .navi-warp {

-moz-border-radius: 5px;

border-radius: 5px;

border: 2px solid #fff;

padding: 0px;

-webkit-border-radius: 5px;

}

.pagenavi .navi-warp h2 {

background: url(images/navigation_title.gif) no-repeat center;

height: 35px;

border-bottom: 2px solid #FFFFFF;

width: 491px;

}

.pagenavi .navi-warp h2 span {

display: none;

width: 491px;

height: 35px;

}

#wp_page_numbers ul {

padding: 5px;

}

.comment h4, .alt h4, .comment-author {

font-size: 11px;

font-family: tahoma;

color: #999;

font-weight: normal;

margin-bottom: 5px;

background:url(images/comment_author.gif) no-repeat right;

padding: 7px 40px 5px 0px;

}

.addcomment {

margin: 10px 0px 10px 0px;

width: 500px;

}

.addcomment section ul li {

padding-right: 11px;

background: url(images/arrow_right.gif) no-repeat right 6px;

}

.addcomment h4 {

margin:10px 0px;

}

.addcomment h4 span {

font-size: 12px;

font-family: tahoma;

color: #757575;

font-weight: normal;

margin-top: 10px;

border-bottom: 1px solid #e9e9e9;

padding-bottom: 8px;

}

.addcomment h2 {

background: url(images/send_comment.gif) no-repeat right top;

padding: 0px 40px 5px 0px;

color: #757575;

}

.commentdata {

width: 210px;

float: right;

}

.commentdata label, .textarea-box label {

margin: 8px 0px;

width: 100px;

display: block;

font-size: 11px;

}

.textarea-box {

width: 280px;

float: left;

}

.textarea-box ul li {

color: #333333;

}

.input-comment, .text-box {

border: 1px solid #e4e4e4;

-moz-border-radius-topright: 5px;

-moz-border-radius-bottomright: 5px;

-moz-border-radius-bottomleft: 5px;

padding: 5px;

width: 200px;

color: #999999;

text-shadow: 1px 1px #fff;

font:11px/1.9 tahoma,Arial,sans-serif;

background: #f5f5f5;

}

.input-comment:focus, .text-box:focus {

border: 1px solid #c4c4c4;

color: #777;

}

.text-box {

width: 270px;

height: 140px;

}

.comment-text {

width: 470px;

display: block;

}

.comment-button {

background:#f5f5f5;

font:11px/1.9 tahoma,Arial,sans-serif;

color:#999 !important;

padding: 6px 10px;

margin: 10px 0px 10px 10px;

float: left;

display: block;

border: 1px solid #e5e5e5;

background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee));

background: -moz-linear-gradient(top,#fff,#eee);

-moz-border-radius-topright: 5px;

-moz-border-radius-bottomright: 5px;

-moz-border-radius-bottomleft: 5px;

display: block;

text-shadow:1px 1px #fff;

cursor: pointer;

}

/*

Theme Translate To Wordpress By : Nulleds.Com Team

*/

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...