Next Generation CMS :: Форум поддержки

Заинтересовала наша система? Тогда этот форум для Вас!

Вы не зашли.

#1 2010-06-24 17:14:26

Stas
Участник
Зарегистрирован: 2010-06-23
Сообщений: 32
Рейтинг :   

Логотип под разрешение экрана!

Помогите))

/* Контент сайта */
#content {width: 100%;}
#head {height: 20%;}

/* Лого */
#logo {padding-left: 0px; padding-right:0px; padding-top:10px;}
a.logo {background-image: url(../images/logo.png); background-position: top; width:1200px; height: 200px; display: block;}


нада чтобы логотип растягивался под разрешение экрана....

сам сайт я сделал указав величины в процентах, но вот логотип не получаеться....если параметр width вместо 1200рх ставлю 100% то на сайте логотипа ваще нету!!

подскажите пожалуйста!
Заранее благодарю!

Не в сети

#2 2010-06-24 17:34:59

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Логотип под разрешение экрана!

Без явы - никак нельзя подобное сделать.

И вопрос на засыпку, зачем такого гигантского размера делать логотип )) это чтобы за два километра было видно?, или это такой креатив?

Не в сети

#3 2010-06-24 17:43:04

Stas
Участник
Зарегистрирован: 2010-06-23
Сообщений: 32
Рейтинг :   

Re: Логотип под разрешение экрана!

Да сделать то его меньше это непроблема, только как сделать чтоб внешний вид нестрадал!!! На компах с маленьким разрешением картинка уходит за экран sad(

Может что посоветуете?

Не в сети

#4 2010-06-24 17:53:03

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Логотип под разрешение экрана!

Да понятно, что меньше можно все сделать, вопрос звучал по другому в чем прикол такого логотипа? Естественно понимаю всякие айдентики, типографики и т.п. креативно )

Не в сети

#5 2010-06-24 17:58:48

Stas
Участник
Зарегистрирован: 2010-06-23
Сообщений: 32
Рейтинг :   

Re: Логотип под разрешение экрана!

Просто в шаблоне для ngcms infolanlife такие параметры были сразу вбиты вот поэтому так и оставил!!! Ну дык подскажите как можно ситуации помочь....я просто встречал такие шаблоны которые были резиновые вместе с логотипом...неужели тут нельзя никак исправить?

Не в сети

#6 2010-06-24 18:01:49

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Логотип под разрешение экрана!

big_smile так тебе не логотип, а шапку может надо сделать резиновую?, хотя полагаю не только шапку, но и все, да?, если да то все пиксельные размеры заменить на процентные и все.

Не в сети

#7 2010-06-24 18:08:15

Stas
Участник
Зарегистрирован: 2010-06-23
Сообщений: 32
Рейтинг :   

Re: Логотип под разрешение экрана!

Ну шапку....) тока всё резиновое я сделал, а вот logo.png картинка в шапке если ее я ставлю в процентах исчезает:
a.logo {background-image: url(../images/logo.png); background-position: top; width:1200px; height: 200px; display: block;}
меняю на
a.logo {background-image: url(../images/logo.png); background-position: top; width:100%; height: 20%; display: block;}
то картинка пропадает sad

Не в сети

#8 2010-06-24 18:28:08

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Логотип под разрешение экрана!

Ну понятно что пропадает ) блок процентным не может быть.
Покажи HTML и CSS относящийся к шапке и лого, включая естественно родительские блоки или шаблон на таблицах сделан?, если да то соответсвено таблицу.

Не в сети

#9 2010-06-24 18:42:46

Stas
Участник
Зарегистрирован: 2010-06-23
Сообщений: 32
Рейтинг :   

Re: Логотип под разрешение экрана!

css


/* Контент сайта */
#content {width: 95%;}
#head {height: 18%;}

/* Лого */
#logo {padding-left: 0px; padding-right:0px; padding-top:10px; width: 100%}
a.logo {background-image: url(../images/logo.png); background-position: top; align: center; width: 1200px; height: 200px; display: block;}

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{l_langcode}" lang="{l_langcode}" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset={l_encoding}" />
<meta http-equiv="content-language" content="{l_langcode}" />
<meta name="generator" content="{what} {version}" />
<meta name="document-state" content="dynamic" />
{htmlvars}
<link href="{tpl_url}/css/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="{tpl_url}/css/engine.css" rel="stylesheet" type="text/css" media="screen" />
<link href="{home}/rss.xml" rel="alternate" type="application/rss+xml" title="RSS" />
<script type="text/javascript" src="{admin_url}/includes/js/functions.js"></script>
<script type="text/javascript" src="{admin_url}/includes/js/ajax.js"></script>
<title>{titles}</title>
</head>
<body>
[sitelock]
<div id="loading-layer"><img src="{tpl_url}/images/loading.gif" alt="" /></div>


    <!-- info.lanlife by Rock Star 2010 // Фиксированная версия шаблона -->
   
    <div align="center">
    <div id="content" align="left">

<td width="218" valign="top">
   
           <!-- Шапка -->
           <div id="head">
           
            <div id="logo" style="float:left;"><a href="{home}" class="logo"></a></div>
            <div style="float: left;" id="border-right"></div>
           

           
           
         </div>
           
          <!-- top-bottom -->
          <div id="top-bottom"></div>

Не в сети

#10 2010-06-24 19:33:46

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Логотип под разрешение экрана!

big_smile дааааа, по ходу ты не в зуб ногой в верстке, ну и верстальщик шаблона тоже )))
Дай линк, где можно этот сумасшедший шаблон увидеть.

Не в сети

#11 2010-06-24 20:43:45

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Логотип под разрешение экрана!

Верстка жесть в шаблоне, браузеры явно в шоке ))))

Значитца так, в CSS находишь подобное и заменяешь напрочь:

/* Контент сайта */
.clear { clear: both; height: 0px; font-size: 1px; line-height: 0px; overflow: hidden; }
#content {width: 100%;}
#head { }

в майне перед <!-- top-bottom --> вставляешь:

<div class="clear"></div>

и все )) правда он (шаблон) тогда вообще будет корявый на маленьких мониторах.

P.S. те что ты выше дал данные по HTML и CSS в шаблон они совсем другие.

Не в сети

Подвал раздела

Работает на FluxBB