• Страница 1 из 1
  • 1
Модератор форума: likbezz, Cибиря4ка, Komoff, Diana  
Вопрос от lena13 по дизайну сайта
Дата: Среда, 13.04.2011, 20:13 |
lena13
Подполковник
Группа: Пользователи
Сообщений: 118
Награды: 0
Репутация: 0
Статус: Offline


Антон, помоги переделать сначала шапку(а потом и информеры).Можно на "ты", не стесняйсь! Вчера вечер сидела и ночь, пыталась что-то сама делать, ни чего не получается.Сначала рисовала в блокноте, а вот фотошоп - это такая тьма для меня.

 
Дата: Среда, 13.04.2011, 20:14 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Для Elena
Quote (Elena)
Антон,пожалуйста, помогите поменять фон шапки.Сами рисунки пусть, а вот этот розовый цвет нужно убрать! Плиз

Этот фоновый цвет, а по сути это не просто цвет, а рисунок (фоновая картинка) задана фоном для всей страницы (для тега <body />)? так что убрать только из шапки его можно задав другой цвет фона самой шапке.
Например, белый.
Для этого нужно заключить содержание того, где нужен другой фон, а именно картинки шапки, в блок (в тег <div />) и назначить ему стиль с фоновым цветом белый (#FFF).
То вишь, примерно вот так:
Quote (Code)
<div style="background-color:#FFF;"><!--здесь картинки шапки--></div>
<table border="0" cellpadding="0" cellspacing="0" height="24" width="100%"><tbody><tr>
<td height="24" width="30"><!--здесь верхнее горизонтальное мено--></td>
</tr></tbody></table>
<div style="height: 10px;"></div>

Где:
background-color:#FFF; - задаём блоку с картинками фоновый цвет - белый.
...
Примерный код, с небольшими исправлениями (вставлять “как есть” - нельзя!!! - это пример)

....
Получается что-то вроде вот этого:

Пример ....
...

Если что не понятно, или сами не сделаете - скиньте шаблон шапки, я поправлю.

Если будут вопросы - лучше создайте тему. Имхо, в личку много не напишешь. Тем более код не скинешь. )
...

Кроме того, у вас шапка, сделана не очень удачно, на разрешениях ниже 1300px появляется горизонтальная полоса прокрутки, но это так, конструктивные замечания.
В примере этого нет, я исправил.
...

 
Дата: Среда, 13.04.2011, 20:14 |
lena13
Подполковник
Группа: Пользователи
Сообщений: 118
Награды: 0
Репутация: 0
Статус: Offline


Привет, Антон! Спасибо, так гораздо лучше с белым фоном! Но знаешь хотелось бы совсем свой шаблон. Например, небо,солнышко,птички и детки. Так возможно сделать.Извини,я в фотошоп такая тупизна, пыталась разобраться, но пока глухо как в танке. Вчера всесь вечер и ночь сидела рисовала в блокноте информеры новые, промучилась, а толку ноль.
Вот код шапки  
Code
<img style="position: absolute; top: 91px; left: 967px;" alt="" src="http://elena13.ucoz.ru/deti-89.gif" height="150" width="150"><span style="color: rgb(199, 21, 133);"><b><span style="font-family: Monotype Corsiva; font-size: 36pt; position: absolute; top: 6px; left: 237px; width: 959px; color: rgb(128, 0, 128);"><font color="#c71585"><span style="font-size: 36pt;"> Персональний   сайт  вчителя  початкових класів </span><br>               <font color="#800080">П'ятих Олени Іванівни</font></font></span><br><br></b></span><span style="color: rgb(199, 21, 133);"><b><span style="font-family: Monotype Corsiva; font-size: 36pt; position: absolute; top: 6px; left: 292px; width: 673px; color: rgb(128, 0, 128);"></span></b></span><span style="color: rgb(199, 21, 133);"><b><span style="font-family: Monotype Corsiva; font-size: 36pt; position: absolute; top: 51px; left: 76px; width: 210px; color: rgb(128, 0, 128);"><img style="top: -25px; left: -227px; width: 207px; height: 181px;" alt="" src="/deti-63.gif"></span></b></span><span style="color: rgb(199, 21, 133);"><b><img alt="" src="http://elena13.ucoz.ru/dbfb1cd2f344.png" height="215" width="1331"></b></span><br><table border="0" cellpadding="0" cellspacing="0" height="24" width="100%">
<tbody><tr>
<td height="24" width="30"><img src="/.s/t/983/4.gif" border="0"></td>
<td style="background: url("/.s/t/983/5.gif") repeat scroll 0% 0% rgb(255, 138, 162); padding-bottom: 3px;" align="left"><b><a href="$HOME_PAGE_LINK$" title="Главная"><!--<s5176>-->Главная<!--</s>--></a> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><!--<s5214>-->Мой профиль<!--</s>--></a> | <a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a></b> | <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a></td>
<td style="background: url("/.s/t/983/5.gif") repeat scroll 0% 0% rgb(255, 138, 162); padding-bottom: 3px;" align="right">Сегодня     <font color="#c71585"><b>$WDAY$      </b>  </font><b><font color="#c71585">$DATE$ </font> </b>        | <a href="$RSS_LINK$" title="RSS">RSS</a></td><td height="24" width="30"><img src="/.s/t/983/6.gif" border="0"></td></tr>
</tbody></table><div style="height: 10px;"></div>


Сообщение отредактировал likbezz - Среда, 13.04.2011, 20:02
 
Дата: Среда, 13.04.2011, 20:14 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Код шаблона шапки (верхнего глоб. блока)

Quote (lena13)
Вчера всесь вечер и ночь сидела рисовала в блокноте информеры новые, промучилась, а толку ноль.

Что так? Почему в блокноте? Есть много программ ускоряющих (облегчающих) процесс написания кода. HTML-редакторы называются.

Quote (lena13)
Например, небо,солнышко,птички и детки. Так возможно сделать.

Можно. )
Можно все, в разумных пределах, конечно, но опять же .... что за небо, какое солнышко, какие детки, и самое главное - что именно и каких размеров ... )...
...


 
Дата: Среда, 13.04.2011, 21:39 |
lena13
Подполковник
Группа: Пользователи
Сообщений: 118
Награды: 0
Репутация: 0
Статус: Offline


Ой, спасибо, тебе! Профи!!!! А ты не обидешься, если я ещё тебя попрошу о помощи. Давай изменим Дизайн информеров. Даже можно и не все менять, а только шапки одни, чтобы были разноцветные сами полоски верхние. Зеленая, голубая, красная, желтая и т.д. Ты прости, я не знаю как это все правильно называется. А рисовала я сидела вот эти самые информеры в блокноте, где-то у тебя прочитала на сайте и кумекала вчера. Что мне сделать надо?

Добавлено (13.04.2011, 21:39)
---------------------------------------------
Антон, знаешь, вот такие полосочки как у меня на прогнозе погоды на сайте, только углы чуть-чуть скошены не острые.

 
Дата: Среда, 13.04.2011, 22:05 |
Полковник
Группа: Помощники
Сообщений: 210
Награды: 0
Репутация: 11
Статус: Offline


lena13, в смысле где надпись Соледар на информере погоды? Такую примерно, только разных цветов?

Сообщение отредактировал Komoff - Среда, 13.04.2011, 22:10
 
Дата: Среда, 13.04.2011, 22:10 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


lena13,
Quote (lena13)
А ты не обидешься, если я ещё тебя попрошу о помощи.

Нет, тут, наверное, процентов 50% постов именно такого содержания)
Так что, нет, не обижусь.

Quote (lena13)
Давай изменим Дизайн информеров. Даже можно и не все менять, а только шапки одни, чтобы были разноцветные сами полоски верхние. Зеленая, голубая, красная, желтая и т.д.

Добавьте свой сайт в свой профиль, если не сложно.
А по поводу информеров - сделайте скриншот, и отметьте на нём «шапки» информеров, лично я плохо себе представляю что вы имеете в виду)

Quote (lena13)
Что мне сделать надо?

Скриншот, и отметить (обвести) места изменений на нём.

Quote (lena13)
вот такие полосочки как у меня на прогнозе погоды на сайте, только углы чуть-чуть скошены не острые.

Блок с прогнозом вижу, и что в нём менять?

Прикрепления: 7250922.png (5.4 Kb)

 
Дата: Среда, 13.04.2011, 23:54 |
lena13
Подполковник
Группа: Пользователи
Сообщений: 118
Награды: 0
Репутация: 0
Статус: Offline


Понимаешь вот хочется такие шапки как заливка где написано слово СОЛЕДАР. А то видно какой стандартный дизайн сайта. Справа добавить какие-то маленькие картиночки типа теги.

Добавлено (13.04.2011, 23:27)
---------------------------------------------
Антон, прости не знаю кгде в профиле добавить свой сайт, там где написано домашняя страница? Подскажи!

Добавлено (13.04.2011, 23:31)
---------------------------------------------
И ещё! Антон ты меня не пугай такими словами: добавить скриншот и обвести его. А это чё такое и как его добавлять?Только не смейся wacko wacko wacko wacko wacko wacko wacko wacko wacko

Добавлено (13.04.2011, 23:48)
---------------------------------------------
Всё сайт добавила! Разобралась фух! Ладно давай с информерами пока отставим. Помоги поменять фон всего сайта- этот розовый на мягкий салатневый!

Добавлено (13.04.2011, 23:54)
---------------------------------------------
Антон, зацени я изменила фоновый цвет шапки.Нашла таблицу цветов и сделала : smile smile smile smile

 
Дата: Среда, 13.04.2011, 23:57 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


lena13,
Quote (lena13)
там где написано домашняя страница? Подскажи!

Да, именно там.
Quote (lena13)
Антон ты меня не пугай такими словами

... Так, понятно.
Это сложнее.
Quote (lena13)
А это чё такое и как его добавлять?

Скриншот - это снимок экрана или обласи экрана.
Прикрепить к посту, или вставить как картинку можно указав на файл картинки вот в этом поле:

И вставив появившийся оператор $IMАGE1$ в текст, где должна быть картинка.
Как-то так ... )

Quote (lena13)
Понимаешь вот хочется такие шапки как заливка где написано слово СОЛЕДАР. А то видно какой стандартный дизайн сайта. Справа добавить какие-то маленькие картиночки типа теги.

Вам цвет заливки, или градиент (плавный переход от одного цвета к другому. Здесь и далее) нравится?...
“какие-то маленькие картиночки типа теги” - это что вы имеете в виду? -пример есть где нибудь? может видели что-то похожее на каком нибудь сайте? .... Так, для общего представления о чём идет речь.

Прикрепления: 5382777.png (17.0 Kb)

 
Дата: Четверг, 14.04.2011, 00:45 |
lena13
Подполковник
Группа: Пользователи
Сообщений: 118
Награды: 0
Репутация: 0
Статус: Offline


Да, да видела на сайте http://eleklim.ucoz.ru/. Ну что-то вроде того.Только не копия этого.

Добавлено (14.04.2011, 00:45)
---------------------------------------------
Да, Антон, забыла поблагодарить тебя за комментарий на слайдах у меня на сайте! Спасибо!!! hands

 
Дата: Четверг, 02.06.2011, 23:21 |
Alex86
Сержант
Группа: Пользователи
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline


Антон, добрый вечер. Слушай а можно сделать горизонтальное меню под шаблон сайта? Точнее чтоб оно было оформлено так же как и дополнительные блоки (те что слева и справа).
Да, ещё, забыл прости. Плеер удобный и прикольно смотрица. Молодца.


Сообщение отредактировал Alex86 - Четверг, 02.06.2011, 23:32
 
Дата: Пятница, 03.06.2011, 02:37 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Alex86,
Quote (Alex86)
Слушай а можно сделать горизонтальное меню под шаблон сайта?

Можно.
... Нарисовать “под шаблон сайта” и оформить, стилями.


 
Дата: Суббота, 13.10.2012, 09:39 |
lena13
Подполковник
Группа: Пользователи
Сообщений: 118
Награды: 0
Репутация: 0
Статус: Offline


likbezz, приветствую!
А это то, что осталось от моего "самоучителя". Раньше страниц 15 было, а сейчас осталась только ОДНА? А как же я теперь буду заходить и повторять пройденный материал? ВСЁ караул!!!%)


 
Дата: Суббота, 13.10.2012, 12:43 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


lena13,
likbezz, приветствую!
А это то, что осталось от моего "самоучителя". Раньше страниц 15 было, а сейчас осталась только ОДНА? А как же я теперь буду заходить и повторять пройденный материал? ВСЁ караул!!!%)

А, действительно, куда все делось? не помню что бы чистил вашу тему, тем более персональные темы стараюсь вообще не чистить, максимум - в архив и то редко... надо поискать..

Возможно это: Вопрос от lena13 по дизайну сайта ...
Мне кажется вы сами запутались )
Может объединить все это в одну тему? а то так и будете .. искать прошлогодний снег ?)

А вообще, и не только вас касается, что бы найти свои темы или сообщения, нужно просто нажать ссылку в профиле:
Для тем: - №1
Для сообщений: №2


...

Прикрепления: 1588716.png (4.4 Kb)

 
Дата: Суббота, 13.10.2012, 13:40 |
lena13
Подполковник
Группа: Пользователи
Сообщений: 118
Награды: 0
Репутация: 0
Статус: Offline


likbezz, ОХ, СЛАВА БОГУ нашла все мои записи! СПАСИБО ЗА УЧЕНЬЕ!!!!
smile


 
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия