CSS: решение вопросов - Страница 101

Страница 101 из 111 « 1 2 … 99 100 101 102 103 … 110 111 »
Модератор форума: Yuri_G

Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » CSS: решение вопросов (только таблица стилей)

CSS: решение вопросов

Модератор форума

Сообщение # 1 | 18:03:25 09 Май 2009

Тема для пользователей, которые не в первый раз слышат о CSS

Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник

Существуют отдельные темы по:
стилизации выпадающего меню
цветовому обозначению групп пользователей (архив)
настройке мини чата

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 1501 | 22:41:29 11 Мар 2014

вот таблица <div style="text-align: center;"><table style="text-align: center; border-collapse: collapse; width: 1075px; border: none; background-color: rgb(255, 255, 255); background-image: url(http://kinodk.narod.ru/panel/editor/saf/undefined); height: 35px; background-position: initial initial; background-repeat: initial initial;" width="" align="center"><tbody><tr><td style="text-align: center; border: none;"><b style="font-size: 12.666666984558105px; text-align: start; color: rgb(172, 198, 229);"><div style="text-align: center;"><a href="http://kinodk.narod.ru/">Главная</a> <span style="background-color: rgb(255, 215, 0);"> <a href="http://kinodk.narod.ru/forum" title="Городской форум, г.Михайлова. Зарегистрируйся и общайся!!! Много различных тем, вы можете сами создавать и развивать вашу тему.">Форум</a> </span> <a href="http://kinodk.narod.ru/board">Объявления</a> <a href="http://kinodk.narod.ru/index/transpot/0-61">Расписание транспорта</a> <a href="http://kinodk.narod.ru/index/pogoda_v_oblasti/0-10">Погода</a> <a href="http://kinodk.narod.ru/tests">Тесты</a> <a href="http://kinodk.narod.ru/index/0-3">Карта города</a> <a href="http://kinodk.narod.ru/index/0-2">Онлайн ТВ</a> <a href="http://kinodk.narod.ru/index/obratnaja_svjaz/0-45">Обратная связь</a></div></b></td></tr></tbody></table></div></b>

можно в неё добавить строку сверху с двумя или тремя ячейками?

Miss_Esq

Сообщений: 13859

Репутация: 4159

Уровень замечаний:

Сообщение # 1502 | 23:10:10 11 Мар 2014

MikhailovCity,

Код

<table style="text-align: center; border-collapse: collapse; width: 1075px; background-color: #ffffff;">
<tr>
<td>раз</td><td>два</td><td>три</td>
</tr>
<tr>
<td colspan="3" style="font-size: 12px; color: rgb(172, 198, 229); padding: 8px 0;">
<a href="http://kinodk.narod.ru/">Главная</a>
<a style="background-color: rgb(255, 215, 0); padding: 2px 4px;" href="http://kinodk.narod.ru/forum" title="Городской форум, г.Михайлова. Зарегистрируйся и общайся!!! Много различных тем, вы можете сами создавать и развивать вашу тему.">Форум</a>
<a href="http://kinodk.narod.ru/board">Объявления</a>
<a href="http://kinodk.narod.ru/index/transpot/0-61">Расписание транспорта</a>
<a href="http://kinodk.narod.ru/index/pogoda_v_oblasti/0-10">Погода</a>
<a href="http://kinodk.narod.ru/tests">Тесты</a>
<a href="http://kinodk.narod.ru/index/0-3">Карта города</a>
<a href="http://kinodk.narod.ru/index/0-2">Онлайн ТВ</a>
<a href="http://kinodk.narod.ru/index/obratnaja_svjaz/0-45">Обратная
связь</a>
</td>
</tr>
</table>

geometriya ISO 3166-2 DEE

Сообщение отредактировал Miss_Esq - Вторник, 11 Мар 2014, 23:10:49

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 1503 | 19:28:55 15 Мар 2014

Miss_Esq, Спасибо, попробую выполнить задумку)

Добавлено (15 Мар 2014, 19:28:55)
---------------------------------------------
ПОМОГИТЕ что у меня со статистикой ? сайт

сайт http://kinodk.narod.ru/

rocksalamander

Сообщений: 48

Репутация: 0

Сообщение # 1504 | 22:24:50 18 Мар 2014

Привет всем
У меня вопрос по менюшке
Меню выпадающее, трёхуровневое, и третий уровень почему-то выпадает сразу весь, т.е. наводя на один пункт второго уровня, выпадают подменю от всех пунктов второго уровня. Пруф

Код

.menuTable {
      margin: 6px 0px;
}

.uMenuRoot {
      list-style: none;
      margin: 0px;
      padding: 0px;
      font-size: 12px;
      font-family: tahoma, sans-serif;
      word-spacing: 0.1em;
      line-height: 1.1em;
}

.uMenuV {
      margin: 0;
      padding: 0;
      display: inline-block;
      width: 100%;
}

.uMenuV li {
      list-style: none;
      position: relative;
}

.uMenuV li a {
      padding: 6px 0px;
      color: #fff;
      font-size: 12px;
      font-family: tahoma, sans-serif;
      word-spacing: 0.1em;
      line-height: 1.1em;
      display: block;
}

.uMenuV li a:hover {
      background-color: rgba(0,0,0, 0.1);
      color: #ffff00;
}

/*Выпадающее меню*/
.uMenuV li ul {
      display: none;
}

.uMenuV li:hover ul {
      display: block;
      position: absolute;
      left: 113px;
      top: 0px;
      background-color: rgba(0,0,0, 0.1);
      width: 100%;
}

.uWithSubmenu li ul {
      display: none;
}

.uWithSubmenu li:hover ul {
      display: block;
      position: absolute;
      left: 113px;
      top: 0px;
      background-color: rgba(0,0,0, 0.1);
      width: 100%;
}

Прикрепления: 6772878.jpg (61.4 Kb)

Сообщение отредактировал rocksalamander - Вторник, 18 Мар 2014, 22:25:02

Tasikiro

Сообщений: 24

Репутация: 111

Сообщение # 1505 | 01:30:32 19 Мар 2014

Del

www.316.ru __ ДМБ 90 в/ч 43064, 28928

Сообщение отредактировал Tasikiro - Среда, 19 Мар 2014, 02:31:41

max1985763

Сообщений: 358

Репутация: 59

Сообщение # 1506 | 11:44:15 19 Мар 2014

подскажите прописал такие стили
.header {
margin: auto;
margin-top: 0px;
width: 1337px;
height: 300px;
border-radius: 5px;
-moz-border-radius: 5px;
}
но шапка в хроме стоит ровно но если зайти со смартфона или планшета то она уезжает в лево как это исправить ?

это прописал в в верхней части сайта

<header>
<div class="header">
<img src="http://nd.ucoz.net/Yaroslavovo_Dvorische_02.jpg">
</div>
</header>

Funny_007

Сообщений: 50

Репутация: 0

Сообщение # 1507 | 19:46:19 19 Мар 2014

Всем доброго времени суток!
У меня на сайте не работает hover эффект при нажатии на кнопку (например у кнопки ответить в блоке опросов). Может косяк в коде? Помогите!

Код

.pollBut,
.button_red {
    background-color: #ee432e;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
    background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
    background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
    background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
    background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
    background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
    border: 1px solid #951100;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
    -ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
    -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
    color: #fff;
    font: bold 20px "helvetica neue", helvetica, arial, sans-serif;
    line-height: 1;
    padding: 12px 0 14px 0;
    text-align: center;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
    width: 150px;
}

.pollBut:active,
.button_red:active {
background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    -ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
}

.pollBut:hover,
.button_red:hover {
background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer;
}

P.S. Как узнать id или class той или иной кнопки на сайте?

Вопрос снят, модеры, удалите плиз мое сообщение

Сообщение отредактировал Funny_007 - Четверг, 20 Мар 2014, 22:44:32

blue_fairy

Сообщений: 4

Репутация: 6

Сообщение # 1508 | 12:49:17 21 Мар 2014

Добрый день! Подскажите, как изменить стили для ссылок в материалах статей. Для материалов прописан класс eMessage, который не находится в файле CSS. Я прочитала, что его надо добавить в CSS самостоятельно. Вставила - не помогло. В чем ошибка?

Код

<div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div>

Код

.eMessage a {
  text-decoration: none;
  }
  A:visited { text-decoration: none; }
  A:active { text-decoration: none; }
  A:hover {text-decoration: underline;
  color: grey; }

Пример статьи: http://dogtricks.ru/publ/truki/trjuki_neslozhnye/skazhi_mama/3-1-0-33

Rostislav

Сообщений: 2396

Репутация: 591

Сообщение # 1509 | 12:57:36 21 Мар 2014

blue_fairy, проблема в том, что в вашем шаблоне для статьи нигде не прописан класс eMessage

вы можете добавить стили для ссылок в css в класс .post
либо добавить класс eMessage в дизайн шаблона

Код

<div class="post eMessage">
<div class="post_title">$ENTRY_TITLE$</div>
$RATING$
$MESSAGE$
</div>

Эрудитов.Нет

0RJ0

Сообщений: 208

Репутация: 68

Сообщение # 1510 | 13:04:48 21 Мар 2014

blue_fairy, для того чтобы работали ссылки вам необходимо прописать в CSS свойства ссылок (хотя бы) с классом вместе в нескольких вариантах:

Код

.eMessage a {} — это для простого вида элементов под тегом а
.eMessage a:link {} — тоже самое что и первое, только в некоторых браузерах считывается лишь с этого свойства. Можно объединить.
.eMessage a:hover {} — это вид ссылки при наведении
.eMessage a:visited {} — это вид ссылки, которую уже посещали
.eMessage a:active {} — это вид ссылки, на которую нажали

blue_fairy

Сообщений: 4

Репутация: 6

Сообщение # 1511 | 13:33:53 21 Мар 2014

0RJ0, Rostislav, спасибо, получилось!

0RJ0

Сообщений: 208

Репутация: 68

Сообщение # 1512 | 14:20:15 21 Мар 2014

max1985763, вам необходимо прописать

Код

.header {
margin: 0 auto;
width: 1337px;
height: 300px;
border-radius: 5px;
-moz-border-radius: 5px;
}

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 1513 | 09:21:57 27 Мар 2014

Помогите сделать так, всё на фотке сайт kinodk.narod.ru

Прикрепления: 4382370.jpg (230.1 Kb)

сondor

Сообщений: 4661

Репутация: 1528

Сообщение # 1514 | 14:37:16 27 Мар 2014

MikhailovCity, мне кажется, или с такими требованиями вам дорога на http://partner.ucoz.ru/board

MikhailovCity

Сообщений: 292

Репутация: 24

Сообщение # 1515 | 14:40:22 27 Мар 2014

сondor,

Нет вам кажется, там что то в css нужно изменить

#floatingbar{width:100%;height:34px;margin:0 auto;border:none;display:block;}

.floater{
position:fixed;
top:0px;
z-index:100;
height:81px;
width:964px;
border-top:none;
background-color: #ffffff;
border:1px solid #000000;
display:block;
clear:both;
margin-left:right;
margin-right:right;
float:right;
box-shadow: 0px 7px 20px #000000;
-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;
}

Сообщение отредактировал MikhailovCity - Четверг, 27 Мар 2014, 14:41:16

Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » CSS: решение вопросов (только таблица стилей)

Страница 101 из 111
«
1
2
…
99
100
101
102
103
…
110
111
»