• Страница 2 из 2
  • «
  • 1
  • 2
Модератор форума: dotbot  
Цвет текста сайта и выравнивание изображений.
Койтемиров
Сообщений: 92
Репутация: 6

Сообщение # 16 | 21:31:43
Ljubasha, чмок тя shy
Койтемиров
Сообщений: 92
Репутация: 6

Сообщение # 17 | 21:31:53
Привет. вот код

Код
<div class="img">
<a href="http://mbou46.ucoz.ru/foto/u4itel9/zam_po_vr-gadzhieva_tatjana_akhmedovna.jpg" class="ulightbox" target="_blank" title="Нажмите, для просмотра в полном размере..."><img alt="Заместитель по воспитательной работе" style="margin:0;padding:0;border:0;" src="http://mbou46.ucoz.ru/foto/u4itel9/pic-1-.jpg"></a><p>Гаджиева Татьяна Ахмедовна <br> Заместитель директора<br> по воспитательной работе<p></div>

<div class="img">
<a href="http://mbou46.ucoz.ru/foto/u4itel9/zam_po_vr-gadzhieva_tatjana_akhmedovna.jpg" class="ulightbox" target="_blank" title="Нажмите, для просмотра в полном размере..."><img alt="Заместитель по воспитательной работе" style="margin:0;padding:0;border:0;" src="http://mbou46.ucoz.ru/foto/u4itel9/pic-1-.jpg"></a>
<p>Австрия, Зольден</p</div>


ВЫГЛЯДИТ ОН ВОТ ТАК

они вниз спускаются.
а мне нужно, чтобы изображения шли в ряд. Как это сделать?
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 18 | 21:32:03
Койтемиров, Панель Управления - Дизайн - Управление дизайном (CSS) в стили добавить:

Код
.img {
float: left;
margin-left: 10px;
}


где, float: left - означает, что с какой стороны будет выравниваться элемент, а другие в свою очередь будут его обтекать с оставшихся сторон, margin-left: 10px; - увеличивает отступ от края элемента от лева на 10 пикселей
Сообщение отредактировал condor-bird - Воскресенье, 22 Сен 2013, 11:25:02
Койтемиров
Сообщений: 92
Репутация: 6

Сообщение # 19 | 21:32:13
condor-bird, СПАСИБО.ПОЛУЧИЛОСЬ

Добавлено (22 Сен 2013, 19:58:27)
---------------------------------------------
Все получилось, думаю осталось начиться создавать ряды фоток.
http://mbou46.ucoz.ru/index/kollektiv_shkoly/0-18 на примере видно что они идут в ряд. а как сделать второй ряд снизу? я пробывал pи br, но отпускались самифотки перед которыми я ставил эти теги. на строчку, а не второй ряд. Как сделать второй ряд фоток и так далее?

Добавлено (22 Сен 2013, 20:03:30)
---------------------------------------------
2 вопрос. можно ли установить на весь сайт, чтобы любые фотки увеличивались при нажатие на них?

Sentimo
Сообщений: 681
Репутация: 158

Сообщение # 20 | 21:32:23
Цитата (Койтемиров)
а как сделать второй ряд снизу?
Сделай фиксированную высоту дива, например 280px., тогда, если фото не поместится в первый ряд она перейдет во второй.
.img {
float: left;
height: 280px;
margin-left: 10px;
}
Цитата (Койтемиров)
можно ли установить на весь сайт, чтобы любые фотки увеличивались при нажатие на них?
Да, если всем будет назначен класс ulightbox.
Койтемиров
Сообщений: 92
Репутация: 6

Сообщение # 21 | 21:32:33
Sentimo, первое сделал, спасибо. а где нужно установить класс ulighbox?

Добавлено (23 Сен 2013, 21:20:26)
---------------------------------------------
у меня вот этот заголовок не идет по центру, и через визуальный и хтмл редактор пытался. что то по центру не получается. http://mbou46.ucoz.ru/index/kollektiv_shkoly/0-18.

Ljubasha
Сообщений: 834
Репутация: 157

Сообщение # 22 | 21:32:43
Койтемиров, Оберните заголовок так...
<div align="center">
<b>Администрация школы</b>
</div>
Койтемиров
Сообщений: 92
Репутация: 6

Сообщение # 23 | 21:32:53
Ljubasha, спасибо

Добавлено (25 Сен 2013, 11:54:41)
---------------------------------------------
ребят где можно будет установить класс ulighbox, чтобы все фотки увеличивались при нажатие?
у меня проблема с цветом текста на сайте. в настройках стоит черный цвет, а отображается каричневым.http://mbou46.ucoz.ru

Добавлено (25 Сен 2013, 12:02:53)
---------------------------------------------
http://mbou46.ucoz.ru/index/kollektiv_shkoly/0-18 первая фотка поднялась. вроде бы все одинаково (((

Sentimo
Сообщений: 681
Репутация: 158

Сообщение # 24 | 21:33:03
Койтемиров, В коде убери лишние <br>
За цвет отвечает это
td, body {
color: #5D4B00;
font-family: "verdana", "arial", "helvetica";
font-size: 8pt;
}
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 25 | 20:28:26
Койтемиров, если имеете ввиду коричневые ссылки, то в css ищем вот это, и исправляем цвета на свои:

Код
a:link {text-decoration:underline; color:#CC7B00;}
a:active {text-decoration:underline; color:#CC7B00;}
a:visited {text-decoration:underline; color:#CC7B00;}
a:hover {text-decoration:underline; color:#000000;}


где:

1 строка - цвет для ссылок которые еще не посещались
2 строка - цвет для ссылок которые активны, то есть уже нажатых
3 строка - цвет для ссылок которые уже были посещены
4 строка - цвет для ссылок при наведении курсора мыши на нее
Койтемиров
Сообщений: 92
Репутация: 6

Сообщение # 26 | 15:56:49
http://mbou46.ucoz.ru/index....-5# primer. z ego dopustim xo4u sdelat 4ernogo cveta. gde eto sdelat v css?
Sentimo
Сообщений: 681
Репутация: 158

Сообщение # 27 | 16:03:55
Койтемиров, Это ищи в ксс и правь color

a:link {text-decoration:underline; color:#CC7B00;}
a:active {text-decoration:underline; color:#CC7B00;}
a:visited {text-decoration:underline; color:#CC7B00;}
a:hover {text-decoration:underline; color:#000000;}
Койтемиров
Сообщений: 92
Репутация: 6

Сообщение # 28 | 16:38:29
благодарствую
ЛитаРубеус
Сообщений: 15
Репутация: 0

Сообщение # 29 | 09:07:52
Настроила в CSS вид всех кнопок под дизайн сайта и в результате вводимые тексты в мини-чате и редакторе блоков стали такие же, как и на кнопках (желтые с тенью). А это очень неудобно. Подскажите пожалуйста, где и что надо отредактировать?
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!