X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Щапка из 3х картинок
kosharik
kosharik
Topic Starter сообщение 3.4.2009, 23:36; Ответить: kosharik
Сообщение #1


Собственно есть 3 картинки для шапки одна мааааленькая вторая средняя а третья большая
Хотел бы замостить но получается только 2

вот
#head {background:url(../images/top-bg.gif) repeat-x; height:200px;}
#head td {background:url(../images/top.gif) no-repeat; height:200px;}

как третью замостить чтобы большая была слево мааааленькая по середине а средняя в конце.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Diablo_hb
Diablo_hb
сообщение 4.4.2009, 0:01; Ответить: Diablo_hb
Сообщение #2


kosharik, обратите внимание на шапку нашего форума - и если воспользуетесь поиском то найдете и обсуждение и код
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 4.4.2009, 6:44; Ответить: klenovnn
Сообщение #3


Самый простой вариант как здесь на форуме - таблица с тремя ячейками.
Шапка должна содержать логотип, значит первый вопрос можно уже решить методом:
<a href="/"><img src="/img/logo.gif" alt="" /></a>

Далее можно сделать фоны, только зачем его делать в две картинки, когда можно сделать в одну?
/* css */
div#logo {background:url('/img/header.jpg') top left no-repeat;}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kosharik
kosharik
Topic Starter сообщение 4.4.2009, 10:54; Ответить: kosharik
Сообщение #4


Diablo я и так помотрел что у вас из трех блоков состоит.

(theme.html)
Но точ то вы написали не помогает.

Прилагаю код style.css и theme.html

может вы разберётесь

{template}
<body>
<table cellspacing="0" cellpadding="9" border="0" width="100%" align="center">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="logotb" border="0" id="head" id="head1">
<tr>
<td align="top" style="padding:0px;">


</td>
</tr>

</table>

<table width="100%" cellpadding="0" cellspacing="0" bgcolor="617642" class="topmenu">

<tr>
<td align="center">
<a href="index.php" class="topmenulink"><b> Главная </a>
:<a href="index.php?name=gallery" class="topmenulink"> <b>Фотогалерея</b> </b></a>
:<a href="index.php?name=guestbook" class="topmenulink"> <b>Отзывы туристов</b> </a>
:<a href="index.php?name=downloads" class="topmenulink"> <b>Контакты</b> </a>
:<a href="index.php?name=articles" class="topmenulink"> <b>Где купить</b> </a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr>
{left_coll}
<td rowspan="2" valign="top" align="center" class="lcoll">
{lblocks}{/lblocks}
</td>
{/left_coll}
<td valign="top" width="100%" align="center">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
{top_coll}
<tr>
<td>
{tblocks}{/tblocks}
</td>
</tr>
{/top_coll}
<tr>
<td align="center" class="ccoll">
{content_box}{/content_box}
</td>
</tr>
</table>
</td>
{right_coll}
<td rowspan="2" valign="top" align="center" class="rcoll">
{rblocks}{/rblocks}
</td>
{/right_coll}
</tr>
{bottom_coll}
<tr>
<td valign="bottom">
{bblocks}{/bblocks}
</td>
</tr>
{/bottom_coll}
</table>
<table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
<tr>
<td>
<table width="100%" height="35" border="0" cellpadding="0" cellspacing="0" class="tbinfo">
<tr>

</td>
<td align="center" class="info">
{page.copyright}
</td>
<td class="info" width="25%">
</td>
</tr>

<tr>
<td colspan="3" align="center" class="geninfo">
{page.info}
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>

{/template}



(style.css)
body{
background-color:#F7F6F6;
scrollbar-base-color:#d1d1d1;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#15689C;
scrollbar-3dlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
margin:0px;
padding:0px;
font-size:11px;
font-family:tahoma,arial,verdana;
background-image:url(../images/sledy.jpg);
}
a {font-size:13px;}
table,td{font-weight:normal;font-size:11px;Color:#333333;font-family:tahoma,arial,verdana;} (цвет текста загаловков форм и текста в них (стандартные модули))
form{margin:0px;}
input{font-size:11px;font-weight:normal;background-color:#EEEEEE;border:1px solid #CCCCCC;}(цвет формы входа в учетку)
select{font-size:10px;}
textarea{font-size:11px;color:#000000;font-family:tahoma,arial,verdana;border:1px solid #CCCCCC;background-color:#EEEEEE;}
img{border:none;padding:0px;}
a{color:#0B537F;text-decoration:none;} (цвет текста ссылок)
a:visited{color:#C86000;text-decoration:none;}
a:hover{color:black;text-decoration:none;} (цвет ссылок при наведении)
a:active{color:#0B537F;text-decoration:underline;}
ul{padding:2px 0px 2px 0px;margin:0px;margin-left:15px;} (Размер меню)
p{padding:2px 0px 2px 0px;margin:0px;}
#head {background:url(../images/top-bg.gif) repeat-x; height:150px;}
#head td {background:url(../images/top.gif) no-repeat; height:150px;}
.topmenu a {color:E6EAD5;}
/* Общее */
.logotb{padding:0px;margin:0px;}
.site_marker{border:none;background-color:red;height:2px;padding:0px;}
.logo{font-size:18pt;font-weight:bold;col#0086C4red;padding:0px}
.logotb{padding:2px;border:1px black solid;border-bottom:none;}
.topmenu{padding:10px;border:none;margin:0px;border:1px black solid;border-top:none;} (параметры верхнего меню) (оформление каемок форм вверху)
.tbinfo{padding:0px;border:1px #D1D1D1 solid;}
.slogan{font-size:12pt;font-weight:normal;color:#AAAAAA;}
.lcoll{padding-left:10px;padding-top:0px;padding-bottom:0px;}
.rcoll{padding-right:10px;padding-top:0px;padding-bottom:0px;}
.ccoll{padding:10px;padding-top:0px;padding-bottom:0px;}
.box{border:1px #D1D1D1 solid;margin-bottom:5px;background-image:url(../images/sledy.jpg);} (Фон создаваемых страниц)
.boxtd{padding:5px;}
.boxth{font-weight:bold;padding:5px;border-bottom:1px #D1D1D1 solid;} (Верхняя линия на страницах)
.msgtd{padding:10px;}
.info{color:#4040A0;font-size:10px;background-color:5D713D;font-weight:bold;padding:3px;}
.sysinfo{font-size:10px;background-color:5D713D;padding:4px;}
.geninfo{font-size:10px;color:#777777;background-color:#EBF4F8;padding:4px;}
/* Блоки */
.block_table{border:none;margin-bottom:10px;}
.block_marker{border:none;background-color:607440;height:2px;}
.block_title{
background-image:url(../images/blocktitlebg.gif);
background-color:#E6E5E5;
height:20px;
border:1px #D1D1D1 solid;
border-top:none;
border-bottom:none;
padding:3px;
padding-left:6px;
font-weight:bold;
color:E4E9D1; (Цвет названия блоков)
}
.block_client{border:1px #D1D1D1 solid;border-top:none;background-color:#FFFFFF;padding:5px;}
/* Форма для доб. комментарий */
.commform{background-color:#FFFFFF;border:1px #CCCCCC solid;margin-top:10px;}
.commform td{padding-top:5px;padding-bottom:3px;}
.commform_title{color:#AA0000;font-size:10pt;padding:4px;border:none;border-bottom:1px #CCCCCC solid;background-color:#E6E5E5;}
/* Комментарий */
.comment{border:1px #CCCCCC solid;margin-bottom:10px;margin-top:10px;}
.comth{padding:4px;background-color:#E9E9E9;border:none;border-bottom:1px #CCCCCC solid;}
.commsg{padding:0px;background-color:#FFFFFF;border:none;}
.cominfo{padding:4px;border:none;border-right:1px #CCCCCC solid;}
.commtime{color:#777777;padding:2px;padding-left:6px;border:none;border-bottom:1px #CCCCCC solid;}
.comtext{font-size:12px;padding:4px;border:none;}
/* Верхнее меню */
.topmenu2{height:20px;padding:2px;padding-left:5px;}
.topmenulink{padding-left:1px;padding-right:1px;}
.topmenulink:hover{border:1px #F1BA7A solid;border-top:none;background-color:#FFFFFF;padding-left:0px;padding-right:0px;}
/* Навигация */
.nav_cont{border:1px #DBDBDB solid;padding:3px;}
.nav_menu{border:none;}
.nav_item{border:none;padding-left:4px;padding-right:4px;}
.nav_active{border:1px #DBDBDB solid;border-bottom:none;border-top:none;background-color:#F0F0F0;padding-left:6px;padding-right:6px;}
.lnav td{border-right:1px #DBDBDB solid;}
.rnav td{border-left:1px #DBDBDB solid;}
.gallery_image{padding:5px;border:1px #D1D1D1 solid;}
/* Рассылки */
.subscribe_email{color:#888888;width:140px;text-align:center;}
.subscribe_email2{color:#111111;width:140px;text-align:center;}
.mail_topics_table{border:1px #EEEEEE solid;padding:4px; width:100%;margin-bottom:5px;}
.mail_check_id{padding:5px;width:80px;}
.mail_title_td{padding:5px;}
.mail_history_title{color:#0B537F;text-align:center;padding:5px;font-size:16px;font-family:arial,verdana,tahoma;font-weight:bold;}
.mail_showid_title{color:#0B537F;text-align:left;font-size:12px;font-family:tahoma,arial,verdana;font-weight:bold;}
.mail_showid_fade{color:#808080;text-align:left;font-size: 11px;font-family:tahoma,arial,verdana;}
.mail_history{width:80%;border-bottom:1px #EEEEEE solid;margin:15px;}
.mail_history_th_date{width:100px;}
.mail_history th{padding:4px;text-align:left;background-color:#EEEEEE;}
.mail_history td{padding:2px;}
/* Обратная связь */
.fb_input{width:100%}
.fb_form td{padding:5px;}
/* Пользователи */
.userlist{border:1px #CCCCCC solid;border-right:none;border-bottom:none;}
.userlist_td{padding:2px;border:1px #CCCCCC solid;border-left:none;border-top:none;}
.userlist_th{padding:2px;background-color: #ECEDED;border:1px #CCCCCC solid;border-left:none;border-top:none;}
/* Статьи */
.article{border-width:2px 0px 0px 0px;border-color:#CCCCCC;border-style:solid;background-color:#F9F9F9;margin-bottom:5px;margin-top:5px;}
.art_top{background-color:#E9E9E9;border:1px #CCCCCC solid;border-top:none;}
.art_info_td{padding-left: 10px;padding-bottom: 8px;}
.art_title{font-size:18px;color:#00506D;font-weight:bold;padding-bottom:3px;padding-top:15px;padding-left:10px;}
.art_info{font-size:10px;padding-left:10px;padding-right:10px;padding-bottom:5px;}
.art_text{font-family:arial,tahoma,verdana;font-size: 12px;background-color:#FFFFFF;padding:15px;padding-top:25px;border-bottom: 1px #CCCCCC solid;}
.art_dinfo_td{padding: 5px;padding-left:0px;border: 1px #CCCCCC solid;border-top:none;}
.art_dinfo{font-size:11px;color: #00506D;padding-left:20px;padding-right:3px;padding-bottom:5px;}
.art_vote{background-color:#E9E9E9;border:1px #CCCCCC solid;border-top:none;padding: 4px;}
.article_title{background-color:#E9E9E9;border:1px #CCCCCC solid;border-top:none;padding:3px;height:25px;}
.article_info_td{border:1px #CCCCCC solid;border-top:none;border-bottom:none;}
.article_text{background-color:#F9F9F9;border:1px #CCCCCC solid;border-top:none;padding:5px;}
.article_time{background-color:#F9F9F9;color:#8A8B8B;padding:3px;border-bottom:1px #CCCCCC solid;}
.article_image{padding:1px;border:1px #CCCCCC solid;border-top:none;border-right:none;}
.article_info{border-left:1px #CCCCCC solid;border-bottom:1px #CCCCCC solid;padding:2px;}
.article_link_td{padding: 4px;border: 1px #CCCCCC solid;border-top: none;}
.article_link{padding-left:5px;padding-right:20px;}
/* Архив файлов */
.download{border:1px #CCCCCC solid;margin-bottom:5px;margin-top:5px;}
.bg1{background-color:#E6E5E5;}
.bg2{background-color:#EEEEEE;}
.file_desc{background-color:#EEEEEE;padding:4px;border:1px #E6E5E5 solid;border-bottom:none;}
.bg3{background-color:#EEEEEE;padding:2px;}
.bg4{background-color:#F4F4F4;padding:2px;}
.infocol{border:1px #E6E5E5 solid;padding:0px;}
.infocol td{font-size:11px;padding:3px;}
.bg5{background-color:#F4F4F4;padding:4px;}
.votecell{padding:4px;}
/* Web-формы */
.formsdesc{border: 1px #E1E1E1 solid;}
.formtitle{padding: 5px;padding-bottom:15px;}
/* Гостевая книга */
.msgtable{border:1px #CCCCCC solid;padding:5px;background-color:#FFFFFF;margin-bottom:5px;margin-top:5px;}
.tpmsghd{font-size: 10pt;padding:4px;padding-bottom:0px;border:none;background-color:#E6E5E5;}
.btmsghd{color:#808080;font-size: 12px;padding:2px;border:none;padding:4px;padding-top:0px;background-color:#E6E5E5;}
.formtitle{color:#AA0000;font-size: 10pt;padding:4px;border:none;background-color:#E6E5E5;}
.msgclient{font-family: Tahoma, Arial, Verdana;font-size: 10pt;padding:4px;background-color:#FFFFFF;}
#answers{border-top:1px #CCCCCC solid;}
/* Новости */
.news_mod_title{font-family:Times New Roman,Times,serif;font-size:22px;padding:0px;margin:0px;}
.newstable{border:1px #CCCCCC solid;margin-top:5px;margin-bottom:5px;}
.news_tb_client{padding:10px;background-repeat:repeat-x;}
.news_title{background-color:#E6E5E5;height:26px;font-size: 10pt;}
.news_tb_info{padding-left:5px;background-color:#F9F9F9;}
.news_pict{padding:2px;background-color:#F9F9F9;}
.news_fade{color:#808080;font-size: 11px;}
.topic_cap{color:#000090;}
.news_comment{padding:3px;border:1px #CCCCCC solid;margin-bottom:10px;margin-top:10px;}
.news_comment th{padding:4px;background-color:#E6E5E5;}
.news_comment td{padding:4px;background-color:#FFFFFF;}
.user_name{color:#000000;font-weight:bold;}
/* Опросы */
.poll{border:1px #CCCCCC solid;border-right:none;border-bottom:none;}
.poll_td{padding:2px;border:1px #CCCCCC solid;border-left:none;border-top:none;}
.poll_title_td{padding:2px;background-color: #ECEDED;border:1px #CCCCCC solid;border-left:none;border-top:none;}
.poll_results{border:1px #CCCCCC solid;padding: 12px;width: 500px;}
/* Поиск */
.search_result_table{border:1px #CCCCCC solid;margin-top:5px;margin-bottom:5px;}
.search_result_title{font-size: 10pt;}
.search_result_info{padding-left:5px; background-color:#F9F9F9;}
.search_result_text{padding:4px;}
.search_mod{padding:10px;padding-left:0;padding-top:5px;padding-bottom:5px;}


Просьба впредь код запихивать в соответствующие тэги. Licoric.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kosharik
kosharik
Topic Starter сообщение 5.4.2009, 10:23; Ответить: kosharik
Сообщение #5


Я вчера весь вечер сидел эффекта это не дало. Поогите пожалуйста. Уже нервы на приделе :wacko:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 5.4.2009, 15:56; Ответить: klenovnn
Сообщение #6


Напиши мне в аську, я решу твой вопрос (только сразу на работающем сайте, обрывки кода не хочу читать)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kosharik
kosharik
Topic Starter сообщение 6.4.2009, 12:46; Ответить: kosharik
Сообщение #7


Спасибо defunct всё сделал быстро и качественно. Тему можно закрывать. Побольше бы таких людей :goodpost:

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) [ИЩУ] Человека для сбора картинок
 4 rokot 3243 4.9.2018, 10:05
автор: Том77
Открытая тема (нет новых ответов) Ссылки с эро картинок хочется
 2 RMak 4069 4.2.2018, 23:19
автор: Kriya
Открытая тема (нет новых ответов) Поиск картинок и описания
Фотошоп или powerpoint
 1 scorper 1900 8.9.2017, 10:46
автор: scorper
Открытая тема (нет новых ответов) Работа по поиску картинок и ссылок
Работа для тех, кто онлайн, "между делом", мониторинг
 0 nikolenko2008 1700 28.8.2016, 14:26
автор: nikolenko2008
Открытая тема (нет новых ответов) Требуется исполнитель для отрисовки: иконок и картинок.
 0 Seo-optimist 2425 3.10.2015, 16:02
автор: Seo-optimist


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 19.4.2024, 11:53

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet