Модератор форума: Yuri_G  
Дизайн: решение вопросов
Модератор форума
Сообщение # 1 | 16:24:33

Для пользователей не в первый раз слышащих об HTML. Тех кто не знает как вставить картинку или поменять фон, просим изучить сначала учебник - Учебник по Html для чайников. Оглавление или Для тех, кто делает сайты. Оглавление.



Правила темы


1) Если после редактирования шаблонов у вас возникли проблемы с дизайном, то вы должны четко и ясно описать возникшие проблемы. Описание проблемы !обязательно! должно сопровождаться ссылкой на сайт где присутствует проблема с дизайном (лучше всего на страницу, где присутствует проблема )

2) Если в описании проблемы с дизайном необходим скриншот, то скриншоты не должны по размерам превышать 500х500 пкс

3) Если в описании проблемы нужно выложить код проблемного участка шаблона, то код должен быть заключен в тег code



Тема имеет архив.
Данная тема имеет архив. Просмотреть архив.
akarataev55
Сообщений: 8
Репутация: 0

Сообщение # 3226 | 17:24:28
Цитата @katy@ ()
А на сам сайт можно взглянуть ?
http://blogkarataeva.my1.ru но я пока убрал эту шапку. вот код этой шапки

Код
<html>
<head>
<title>img13</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (img13.jpg) -->
<table id="________01" width="901" height="271" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7">
<img src="images/blog_karataeva_shapka_01.gif" width="900" height="35" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="35" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/blog_karataeva_shapka_02.gif" width="24" height="235" alt=""></td>
<td rowspan="5">
<img src="images/blog_karataeva_shapka_03.gif" width="100" height="200" alt=""></td>
<td colspan="5">
<img src="images/blog_karataeva_shapka_04.gif" width="776" height="114" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="114" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/blog_karataeva_shapka_05.gif" width="121" height="50" alt=""></td>
<td>
<img src="images/blog_karataeva_shapka_06.gif" width="402" height="44" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/blog_karataeva_shapka_07.gif" width="253" height="50" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="44" alt=""></td>
</tr>
<tr>
<td>
<img src="images/blog_karataeva_shapka_08.gif" width="402" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/blog_karataeva_shapka_09.gif" width="104" height="71" alt=""></td>
<td colspan="3">
<img src="images/blog_karataeva_shapka_10.gif" width="531" height="27" alt=""></td>
<td rowspan="3">
<img src="images/blog_karataeva_shapka_11.gif" width="141" height="71" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img src="images/blog_karataeva_shapka_12.gif" width="531" height="44" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td>
<img src="images/blog_karataeva_shapka_13.gif" width="100" height="35" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="35" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="100" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="104" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="402" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="112" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="141" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
@katy@
Сообщений: 1807
Репутация: 467
Уровень замечаний:

Сообщение # 3227 | 17:41:39
Цитата akarataev55 ()
вот код этой шапки

akarataev55, Странный код этой шапки. Вот лично я, лично я,- я вам по этому коду не чо сказать не могу. Посмотреть бы как на сайте вот это всё выглядит. И уже исходя из этого смотреть ошибки

道德經 Помощь по системе
akarataev55
Сообщений: 8
Репутация: 0

Сообщение # 3228 | 15:11:15
Здравствуйте. такая проблема, сделал шапку сайта, но она не отображается в браузерах. вот сайт http://blogkarataeva.my1.ru
Skeme
Сообщений: 22
Репутация: 0

Сообщение # 3229 | 18:01:39
akarataev55, у вас в шапке нет ни картинки ни чего. Набор пробелов.


Код который хотели вставить в шапку напишите. или картинку.
У Вас в шапке что должно быть?
Вы туда картинку вставить хотите или что?

Добавлено (19 Ноя 2016, 18:00:56)
---------------------------------------------
Вопрос по видео на страницах сайта.
ссылка на страницу:
http://www.lifeorlife.ru/index....17
Служба поддержки предложили код в плеере:


Код
<video src="https://www.youtube.com/embed/5DQZxwvQ4BA" controls="controls" width="640" height="360" allowfullscreen> </video>

но плеер не хочет воспроизводить видео.

Или стандартный вариант:
http://www.lifeorlife.ru/index....18

тут работает. но если нажать на весь экран происходит ошибка. в чем проблема может быть?

Добавлено (19 Ноя 2016, 18:01:39)
---------------------------------------------
Вопрос по видео на страницах сайта.
ссылка на страницу:
http://www.lifeorlife.ru/index....17
Служба поддержки предложили код в плеере:

<video src="https://www.youtube.com/embed/5DQZxwvQ4BA" controls="controls" width="640" height="360" allowfullscreen> </video>1
2

но плеер не хочет воспроизводить видео.

Или стандартный вариант:
http://www.lifeorlife.ru/index....18

тут работает. но если нажать на весь экран происходит ошибка. в чем проблема может быть?

Сообщение отредактировал Skeme - Суббота, 19 Ноя 2016, 17:57:10
akarataev55
Сообщений: 8
Репутация: 0

Сообщение # 3230 | 18:11:33
Цитата Skeme ()
Код который хотели вставить в шапку напишите. или картинку.
Картику разрезал в фотошопе и сделал div таблицу

Вот код на шапку.
<div id="shapka">
<div id="1"></div>
<div id="2">
<div id="3"></div>
<div id="4">
<div id="5"></div>
<div id="6"></div>
</div>
<div id="7">
<div id="8"></div>
<div id="9">
<div id="10"></div>
<div id="11">
<div id="12"></div>
<div id="13"></div>
</div>
<div id="14"></div>
<div id="15">
<div id="16"></div>
<div id="17">
<div id="18"></div>
<div id="19"></div>
</div>
<div id="20"></div>
</div>
</div>
</div>
</div>
</div>

А вот стиль css

#shapka {border: 1px; height: 270px;width: 900px; text-align:left;}
#1 {background-image: url(/dizain/shapka1/blog_karataeva_shapka_01.gif);float: none;height: 35px;width: 900px;}
#2 {
float: none;
height: 235px;
width: 900px;
}
#3 {
background-image: url(/dizain/shapka1/blog_karataeva_shapka_02.gif);
float: left;
height: 235px;
width: 24px;
}
#4 {
float: left;
height: 235px;
width: 100px;
}
#5 {
background-image: url(/dizain/shapka1/blog_karataeva_shapka_03.gif);
height: 200px;
width: 100px;
}
#6 {
background-image: url(/dizain/shapka1/blog_karataeva_shapka_13.gif);
height: 35px;
width: 100px;
float: none;
}
#7 {
float: left;
height: 235px;
width: 776px;
}
#8 {
background-image: url(/dizain/shapka1/blog_karataeva_shapka_04.gif);
float: none;
height: 114px;
width: 776px;
}
#9 {
float: none;
height: 50px;
width: 776px;
}
#10 {
background-image: url(/dizain/shapka1/blog_karataeva_shapka_05.gif);
float: left;
height: 50px;
width: 121px;
}
#11 {
float: left;
height: 50px;
width: 402px;
}
#12 {
background-image: url(/dizain/shapka1/blog_karataeva_shapka_06.gif);
float: none;
height: 44px;
width: 402px;
}
#13 {
background-image: url(/dizain/shapka1/blog_karataeva_shapka_08.gif);
float: none;
height: 6px;
width: 402px;
}
#14 {
background-image: url(/dizain/shapka1/blog_karataeva_shapka_07.gif);
float: left;
height: 50px;
width: 253px;
}
#15 {
float: none;
height: 71px;
width: 776px;
}
#16 {
background-image: url(/dizain/shapka1/blog_karataeva_shapka_09.gif);
float: left;
height: 71px;
width: 104px;
}
#17 {
float: left;
height: 71px;
width: 531px;
}

#18 {
background-image: url(/dizain/shapka1/blog_karataeva_shapka_10.gif);
float: none;
height: 27px;
width: 531px;
}
#19 {
background-image: url(/dizain/shapka1/blog_karataeva_shapka_12.gif);
float: none;
height: 44px;
width: 531px;
}
#20 {
background-image: url(/dizain/shapka1/blog_karataeva_shapka_11.gif);
float: left;
height: 71px;
width: 141px;
}
Skeme
Сообщений: 22
Репутация: 0

Сообщение # 3231 | 18:19:23
akarataev55, а какой смысл такой нарезки?
не проще полностью залить картинку?
akarataev55
Сообщений: 8
Репутация: 0

Сообщение # 3232 | 18:34:01
Цитата Skeme ()
а какой смысл такой нарезки?не проще полностью залить картинку?

Я хочу в определенных местах написать текст.
Sonor
Сообщений: 251
Репутация: 525

Сообщение # 3233 | 19:02:27
akarataev55, обзовите id комбинациями буквы и цифр, пример — #t1, #t2, #t3 и т. д., чтобы названия не начинались с цифр.

akarataev55
Сообщений: 8
Репутация: 0

Сообщение # 3234 | 19:20:46
Цитата Sonor ()
обзовите id комбинациями буквы и цифр, пример — #t1, #t2, #t3 и т. д., чтобы названия не начинались с цифр.
Большое спасибо за совет. Всё помогло. Вроде бы казалось пустяк, а облазил в поисках весь интернет.
comotoro87
Сообщений: 1
Репутация: 0

Сообщение # 3235 | 00:52:27
Здравствуйте,
возможно ли изменить дизайн $TAGS$, $ADD_DATE$ и $DATE_BAR$?
Цвет ссылок, шрифт и т. д.
Ни div class, ни font style не помогает
@katy@
Сообщений: 1807
Репутация: 467
Уровень замечаний:

Сообщение # 3236 | 04:33:20
Цитата comotoro87 ()
Здравствуйте,возможно ли изменить дизайн $TAGS$, $ADD_DATE$ и $DATE_BAR$?
Цвет ссылок, шрифт и т. д.
Ни div class, ни font style не помогает


comotoro87, Смотря как вы прописывали. Можно заключить в див с классом и прописать в css:
Код
.класс {font-size: 0px; и так далее; }


Например

Код
<div class="класс">$DATE_BAR$</div>

道德經 Помощь по системе
Хозяин-Тайги
Сообщений: 49
Репутация: 10

Сообщение # 3237 | 11:37:15
Подскажите пожалуйста. У меня сайт стал почти в нарезку ) и где искать концы не знаю. Вообщем суть в чем, в яндексе сайт выглядит нормально как и должен быть т.е. все хорошо а, сегдня чет дернуло меня открыть его в хроме и IE, там он оказался в нарезку но, кроме модулей новости, видео, игры и пр. а, все страницы в хлам. Подскажите с чего нужно начинать поиски? это из за не правильного кода html или это из за дополнительных стилей или еще из зачего-то?
Хотя если бы html был бы неправильный то, и в яндексе было бы все криво.
Короче я запутался. wacko
Подскажите с чего нужно начать искать ошибку? Или может, лучше сделать откат? Так как я последний раз проверял в браузерах, это было весной то, все было норм.

Добавлено (21 Ноя 2016, 11:37:15)
---------------------------------------------
Ах, да совсем забыл вот сайт нажать


Звезды так близко, стоит только протянуть руку...
http://galactica.at.ua/publ
Rostislav
Сообщений: 2396
Репутация: 591

Сообщение # 3238 | 13:30:50
Хозяин-Тайги, можете указать конкретную ссылку на страницу, где наблюдаются проблемы. Все страницы из верхнего горизонтального меню в Chrome отображаются нормально

Прикрепления: 0073910.png (371.6 Kb)

Хозяин-Тайги
Сообщений: 49
Репутация: 10

Сообщение # 3239 | 13:42:24
Rostislav, Спасибо большое за внимание к пользователю, но я только что нашел проблему, заключалась в подключении внешних стилей. Буду их ковырять smile
Еще раз спасибо.

Добавлено (21 Ноя 2016, 13:42:24)
---------------------------------------------
Rostislav, Еще вопрос. У вас на скрине, некоторые места белые, это из за чего такое у меня может быть?


Звезды так близко, стоит только протянуть руку...
http://galactica.at.ua/publ
Rostislav
Сообщений: 2396
Репутация: 591

Сообщение # 3240 | 13:48:31
Цитата Хозяин-Тайги ()
Rostislav, Еще вопрос. У вас на скрине, некоторые места белые, это из за чего такое у меня может быть?


Космический фон довольно большого размера и при первичном просмотре сайта подгружается не быстро

Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!