Чат сообщества
   | |
| Модератор форума: Yuri_G |
| Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами CSS: решение вопросов (только таблица стилей) |
| CSS: решение вопросов |
|
Тема для пользователей, которые не в первый раз слышат о CSS Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник Существуют отдельные темы по: стилизации выпадающего меню цветовому обозначению групп пользователей (архив) настройке мини чата |
|
NipTuck,
Я вижу только это:  Но это к указанным Вами стилям отношения не имеет: Цитата .eDetails, .eDetails1, .eDetails2 {border-top: 1px solid #d6d6d6;padding: 5px 10px;font-size: 10px;text-transform: none;} Покажите рамку на скриншоте и укажите Ваш браузер. Прикрепления:
3723338.png
(307.9 Kb)
|
|
Создал шапку сайта с кликабельным логотипом в Adobe ImageReady.Вот html:
<!--ImageReady Slices (4.jpg) --><IMGSRC="http://vstpro.at.ua/FOTO/4.jpg" WIDTH=1180 HEIGHT=243 BORDER=0 ALT="" USEMAP="#id4__Map"><MAPNAME="id4__Map"><AREASHAPE="rect" ALT="" COORDS="100,65,314,203" HREF="http://vstpro.at.ua/"></MAP><!-- End ImageReady Slices --> В таблице стилей CSS шапка прописана так:#topBlock{background:url(http://vstpro.at.ua/FOTO/4.jpg) top center no-repeat;height:243px;} Вопрос – как мне ее заменить на новую шапку с кликабельным логотипом? Сообщение отредактировал Elaim - Воскресенье, 14 Июл 2013, 15:09:42
|
|
|
|
Elaim, во всех шаблонах где есть вот такой код, удалите выделенное красным, оставьте только $GLOBAL_AHEADER$:
Цитата <div id="topBlock">$GLOBAL_AHEADER$</div> Затем зайдите в шаблон Верхней части сайта и обведите весь код в такой код: Цитата <a href="http://vstpro.at.ua"><div id="topBlock">Здесь весь код, который там стоял</div></a> Сохраните изменения, и вуаля! Кликабельное лого готово! u-Helper |
Сообщение отредактировал Nuras_Bolandi - Воскресенье, 14 Июл 2013, 15:25:08
|
|
Я так понимаю такой метод действует на логотип в виде слова. Но я его сразу удалил. У меня логотип - картинка. Шапка сайта - цельная, в виде одной картинки с логотипом-картинкой. (#topBlock{background:url(http://vstpro.at.ua/FOTO/4.jpg) top center
no-repeat;height:243px;}) Поэтому-то я и использовал Adobe ImageReady, чтоб в картинке шапки выделить зону с логотипом и сделать ее кликабельной. В итоге получил HTML, но не знаю как правильно его прописать в CSS вместо старой шапки - #topBlock{background:url(http://vstpro.at.ua/FOTO/4.jpg) top center no-repeat;height:243px;} |
|
Здравствуйте форумчане! Недавно решил создать сайт, создал, но проблемка оказалась в том, что я привереда и я хочу изменить дизайн сайта на основе уже имеющегося. в Фотожопе примерно сделал свою задумку, в принципе я смогу это сделать с html (хех), но не охота по сравнению с возможностями css, которого я не знаю(
Вот сайт с Дизайном # 817, а вот и пикча  В титле остаётся время, параметры авторизации(кто ты админ или гость), три кнопки(главная, профиль, выход), только эти кнопочки чутка пониже должны быть. Сам титл будет представлять одну пикчу слева посерёдке (по вертикали), а весь фон этого блока будет одного цвета. Как подправить ширину блоков я не знаю (укоротить бы на чутка). Под баннером (он уже есть), будут кнопочки, но хочется чтобы они были строго в одном месте в соответствии с разрешением экрана у пользователя, под баннером. Помогите, плиз. Буду рад помощи) |
|
|
|
Цитата (Miss_Esq) FOUX, помотрите класс CSS - posttdMessage Добавлено (17 Июл 2013, 12:39:34)  |
|
Два блока div никак не хотят располагаться рядом. До этого стояло четыре - все было в порядке. Сломала всю голову уже. Ошибок нет вроде бы. В чем дело?
Код <style> .block{width:100%;} .news{width:50%;float:left;} .lastart{float:right; width:40%;} </style> <div class="block"> <div class="news"> $LAST_NEWS$<?if($ADD_ENTRY_LINK$)?><div style="padding-bottom: 3px;" align="right"><a href="$ADD_ENTRY_LINK$">Добавить материал</a></div><?endif?> <br>$MYINF_9$ </div> <div class="lastart"> $MYINF_10$ </div> </div> |
|
NZT, ох, а про этот класс я и забыла совсем. Как всегда просто решаются надоевшие проблемы. Спасибо:)
|
И белой рамки как оказалось не существует 
, всё получилось. Видоизменил строчку .posttdMessage {padding:5px;background:#FFFFFF;color:#000000;} и цвет стал наконец-то чёрным.
| |||