Помощник
|
Щапка из 3х картинок |
kosharik
|
Сообщение
#1
|
||
|
|
||
|
|||
Diablo_hb |
4.4.2009, 0:01;
Ответить: Diablo_hb
Сообщение
#2
|
|
kosharik, обратите внимание на шапку нашего форума - и если воспользуетесь поиском то найдете и обсуждение и код
|
|
|
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
|
Сообщение
#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
|
Сообщение
#5
|
|
Я вчера весь вечер сидел эффекта это не дало. Поогите пожалуйста. Уже нервы на приделе :wacko:
|
|
|
klenovnn |
5.4.2009, 15:56;
Ответить: klenovnn
Сообщение
#6
|
|
Напиши мне в аську, я решу твой вопрос (только сразу на работающем сайте, обрывки кода не хочу читать)
|
|
|
kosharik
|
Сообщение
#7
|
|
|
Спасибо defunct всё сделал быстро и качественно. Тему можно закрывать. Побольше бы таких людей :goodpost:
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
[ИЩУ] Человека для сбора картинок | 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 | 1702 | 28.8.2016, 14:26 автор: nikolenko2008 |
|
Требуется исполнитель для отрисовки: иконок и картинок. | 0 | Seo-optimist | 2425 | 3.10.2015, 16:02 автор: Seo-optimist |
Текстовая версия | Сейчас: 20.4.2024, 6:38 |