Home / Обсуждения / Как поменять цвет фона?

Как поменять цвет фона?

Вот мой новый сайт: http://fotoset.net/

Шаблон меня устраивает, интересный и легкий… Но…

Хотел спросить. Как мне можно поменять цвет фона (серый цвет не люблю), а за ним и цвет тескта по возможности…

Подскажите, буду благодарен.

Спасибо.

0
Просмотров: 22926
Коментарии: 18
Virtual
03.03.2008 18:08
Ответить
0

В файле style.css темы.

Fotoset
03.03.2008 20:12
Ответить
0

Отлично.

Где именно? и как?

Virtual
04.03.2008 03:09
Ответить
0

"Не подскажите где есть дыра в яндексе и как с помощью нее его взломать?" – ваш вопрос примерно такого плана.

Файл прикрепите к следующему сообщению и скажите что требуется поменять.

Fotoset
04.03.2008 08:12
Ответить
0

Мне не надо чтобы это сделали за меня.
Я хочу сам узнать и сделать…

Тяжело описать что и как нужно поменять?

Virtual
04.03.2008 12:04
Ответить
0

Ппц вы, сами хотите делать, дак делайте! Но вы повилимому не знаете какой тег на что поменять? Дак фактически за вас люди с делают, а пы тупо пару раз кликните мышкой и будете радоваться: "Я сам сделал!"
Скачайте любой учебник по css и делайте…

Fotoset
04.03.2008 15:51
Ответить
0

😆

Не хош помогти – так зиди и молчи! Не надо тут пипицкать…
Я создал тему – "Как поменять цвет фона?", а не "Поменяйте мне фон!".

kuzmi4
25.03.2008 09:42
Ответить
0

body {
background:#000000 none repeat scroll 0%;
border:0px none;
border-collapse:collapse;
color:#CACACA;
font-family:Tahoma,Verdana,Arial,Sans-Serif;
font-size:12px;
margin:0pt;
padding:0pt;
}

Все что вам надо, можно сделать в этом блоке в фаиле style.css

Fotoset
26.03.2008 21:17
Ответить
0

Спасибо, сделал уже.

Mila
15.06.2008 21:55
Ответить
0

Ну и чего ругаться, подсказали бы человеку, если знаете.

Virtual, Вы ведь тоже когда то были начинающим.

Vanmoto
17.07.2008 06:25
Ответить
0

Кто чем редактирует файлы css ? Можно как нибудь их редактировать в визуальном режиме, по типу как в дримвивере есть вкладки code и design, чтобы порулить в коде, переключиться на дизайн и посмотреть что получилось?

sonika
17.07.2008 07:01
Ответить
0

topstyle

Edouard
17.07.2008 07:22
Ответить
0

редактирую в notepad++, там ни какой визуализации нет))

Vanmoto
17.07.2008 07:30
Ответить
0

Edouard круто, но мне так пока не удобно.
sonika поставил топстайл, вот только визуальность там какая-то не понятная. Могу я как нибудь открыть размеченую страницу и редактировать там определённую область, чтобы при этом всё мои действия записывались в css ?

sonika
17.07.2008 08:05
Ответить
0

Vanmoto, программ-телепатов еще не изобрели, подождите столетие-другое.
Вы уверены, что понимаете что такое css файл и как он работает? (отвечать не надо :))

Vanmoto
17.07.2008 08:14
Ответить
0
Вы  уверены, что понимаете что такое css файл и как он работает? (отвечать не надо smile)

😀
Хочу сделать чтобы у меня комменты чередовались по цвету фона(как на этой картинке http://www.smileycat.com/miaow/archives/images/comments/bartelme.gif). Над какими строками мне нужно потрудиться?
Вот сам style.css

/*  
Theme Name: WordPress theme 361
Theme URI: http://wordpress.org/
Description: A theme from Template-Help.com Collection 
Version: 2.2
Author: Template_Help.com 
Author URI: http://www.Template-Help.com/ 
*/

/* CSS Document */
body{
    padding:0; 
    margin:0;
    background:url(images/bg.gif);      
    width:100%; 
    vertical-align:top;
    font-family: tahoma;
    color:#2D343B; line-height:14px; font-size:11px;
}

.col {
    float:left;
}

.col2 {
    float:right;
}

form, div, input, textarea { margin:0; padding:0;}

input, textarea {font-size:1.01em;}

input {vertical-align:top;}

.search .input {border-color:#0D385E; border-width:1px; padding-top:2px; padding-bottom:2px; background:#FFFFFF;}
.search .submit { margin:0;}

.head .search { padding:120px 15px 29px 67px; font-family:Georgia; font-size:1.11em; color:#FFFFFF;}
.head .search .coll1 { width:50px; padding-top:2px;}
.head .search .input {border:1px solid #1F475D; background:#1A3848; color:#FFFFFF; width:130px;}
.head .search .submit { margin:0 0 0 5px;}


.postmetadataalt {
    font-size:0.81em; 
}
.pagetitle {
    color:#0E88D5; font-size:1.49em; font-family:Georgia; padding-bottom:11px;
}
p {
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

a { color:#2D343B}
a:hover {text-decoration:none;}

#respond {
    font-size:1.31em;
    font-weight:normal;
    line-height:29px;
    color:#C4D6EE;
}

#links_with_style  {
    vertical-align:top;
}
#archives  {
    vertical-align:top;
}
#meta  {
    vertical-align:top;
}
#recent-comments  {
    vertical-align:top;
}
#recent-posts  {
    vertical-align:top;
}
#categories  {
    vertical-align:top;
}
#calendar_wrap {
    vertical-align:top;
    font-size:1.01em;
    padding:10px 0px 0px 0px;
}
#calendar {
    vertical-align:top;
}
#calendar_wrap a {
    text-decoration:underline;
    font-weight:bold;
}
#calendar_wrap a:hover {
    text-decoration:none;
    font-weight:bold;
}
#google-search  {
    vertical-align:top;
}
#gsearch {
    text-align:left;
}
#pages  {
    vertical-align:top;
}
#text-1 {
    vertical-align:top;
}
.textwidget {
    text-align:left;
    padding:10px 0px 0px 0px;
    font-size:1.01em;
}
#delicious {
    vertical-align:top;
}
#delicious-box {
    text-align:left;
}

.spacer {font-size:0px; line-height:0px;}
.clear {clear:both;}

.navigation {padding:10px 0px 10px 0px; display:table; width:100%;}

.alignleft {width:40%; float:left; color:#000000; padding-left:18px;}
.alignright {width:40%; float:right; text-align:right; color:#000000; padding-right:18px;}
.alignleft a {color:#000000; font-size:1.01em; font-weight:bold;}
.alignright a {color:#000000; font-size:1.01em; font-weight:bold;}

.side {color:#FFFFFF;}
.side a {color:#FFFFFF;}

.statusbar p {padding:0px 0px 15px 0px; font-weight:normal;}

h1, h2, h3 {margin:0px; padding:0px;}


h1 {font-size:2.22em; font-family:Georgia; text-transform:none; line-height:25px; font-weight:bold; letter-spacing:0px; padding:76px 0px 0px 65px}
h1 a{color:#FFFFFF; text-decoration:none;}



/*------------------------------------*/

.widget {padding-bottom:18px;}
.widget h2 {font-size:1.21em; padding:1px 0px 4px 0px; color:#2D343B;}
.widget ul {margin:7px 0px 0px 0px; padding:0px; list-style:none; line-height:1.63em;}
.widget ul li {padding-left:15px; background:url(images/a1.gif) center left no-repeat; font-size:1.21em;}
.widget ul li a {color:#38454B; text-decoration:none}
.widget ul li a:hover{color:#38454B; text-decoration:underline}

#links_with_style ul {margin:0;}
#links_with_style ul ul {margin:7px 0px 0px 0px;}
#links_with_style ul h2 { font-size:1.01em;}
#links_with_style ul li {list-style:none;background:none;margin:0;padding:0;}
#links_with_style ul li ul li {padding-left:15px; background:url(images/a1.gif) center left no-repeat; font-size:1.01em; margin-top:-2px; }

.main { width:100%; text-align:left; background:url(images/bg-top.gif) top repeat-x}
.bg-t { background:url(images/bg-tl.gif) top left no-repeat}
.head { background:url(images/bg-tr.jpg) top right no-repeat; height:289px}

.slogan { color:#FFFFFF; font-size:1.11em; font-family:Georgia; padding-left:65px;}


.k-bl { background:url(images/k-bl.gif) left bottom no-repeat; width:100%}
.k-br { background:url(images/k-br.gif) right bottom no-repeat; width:100%}
.tall-l { background:url(images/tall-l.gif) top left repeat-y #FFFFFF; margin:0px 38px 0px 35px}
.tall-r { background:url(images/tall-r.gif) top right repeat-y; width:100%}
.tall-b { background:url(images/tall-b.gif) bottom repeat-x; width:100%}

.bg-line { background:url(images/line.gif) left repeat-y; width:100%}


.left {width:196px; margin-left:-100%;}
.left .margin {padding:0px 30px 0px 32px; background:url(images/bg-l.gif) right repeat-y;}

.left .search { text-align:right;}
.left .search .input {width:95%;}
.left .search .submit { margin:5px 0px 0px 4px;}

.right {width:100%}
.right .margin {margin:0px 20px 0px 226px;}


.content {padding:11px 10px 0px 0px; margin-bottom:45px;}

.content .search .input { width:300px; }
.content .search .submit {margin:0px 0px 0px 13px;}


.content .topic h3 {color:#0E88D5; font-size:1.49em; font-family:Georgia; padding-bottom:11px}
.content .topic h3 a{ color:#0E88D5; text-decoration:none}
.content .topic h3 a:hover{text-decoration:underline}
.content .topic { color:#707E82}
.content .topic a{ color:#EF3D17; text-decoration:none}
.content .topic a:hover{text-decoration:underline}
.content .topic span{ color:#EF3D17; text-decoration:none}
.content .topic span a{ color:#707E82}

.content .line {font-size:0px; line-height:0px; height:1px; background:url(images/line2.gif) top left repeat-x; margin-bottom:3px; margin-top:3px}

.content .text {padding:16px 7px 0px 0px; line-height:1.45em}
.content .text strong { font-size:1.21em}

.content .text ul { margin:0; padding:0px; list-style:none; line-height:1.95em}
.content .text ul li { padding-left:20px; background:url(images/a2.gif) left center no-repeat; font-size:1.03em}
.content .text ul li a{ color:#333D40; text-decoration:none}
.content .text ul li a:hover{ text-decoration:underline}

.footer { padding:20px 66px 15px 38px}
.footer a { text-decoration:none}
.footer a:hover{ text-decoration:underline}
sonika
17.07.2008 09:28
Ответить
0

посмотрите html код странички с комментариями, увидите, что для нечетных комментов предусмотрен css класс alt

Vanmoto
17.07.2008 11:46
Ответить
0

У меня style css нету alt, в блокноте по поиску alt нашлось только:
.postmetadataalt
{
Font-size:0.81em;
}
Прописывал туда background: #20B2AA; но ничего не получалось, фон появлялся совсем не там где нужен.

sonika
17.07.2008 11:56
Ответить
0

нету, так добавьте.

Свежее

Anonymous
Отправить
Ответ на: