Вот пример логотипа на форуме :
Как заменить стандартный логотип , на свой ?
Сперва вам стоит рассказать немного о различных тонкостях в замене логотипа.
Если верить опросам на множествах сайтов, форумах, дневников и так далее... То у пользователей интернета, стоит такое разрешение монитора :
45 % 1024х768
30 % 1280*1024
15 % 1600х1200
10 % другое разрешение
Зачем я это говорю ? Все просто если вы сделаете логотип с разрешение в 1200х220 (например) то тогда у пользователей, у которых стоит разрешение 1024х768 ваше лого будет выглядеть вот так :
Просто напросто ваше лого будет выезжать за пределы форума...Не очень хорошо, да ? Как это исправить ? Это я вам капельку попозже расскажу.
А теперь ещё одна тонкость замены логотипа, вам многие говорили поставить в код логотипа width="100%" ? Ну и как, помогло ? Помогло, конечно...но вы опять же. не думаете о первой тонкости замены логотипа, разрешение других пользователей !
Смотрим простой пример у админа сего форума стояло разрешение 1024х768 и он делал лого под своё разрешение...а у меня стоит разрешение 1280х1024 иногда 1600х1200...и смотрим, что становиться с логотипом если мы используем with="100%" :
http://radikal.ru/F/i008.radikal.ru/0803/e7/ffd8c83bc379.jpg.html
Так что на мой взгляд width="100%" лучше в логотипе не использовать.
Так вы наверное уже устали читать, теперь я расскажу вам пару способов замены логотипа.
1. И на мой взгляд самый правильный способ замены логотипа :
а) Первым делом нам стоит создать логотип. Тут я не стану рассказывать вам, как его делать, тема не об этом...но скажу вам, что фотошоп творит чудеса
Для примера логотип возьму со своего портала.
Вот логотип :
Тут тоже стоит задуматься над размером логотипа, но мой вам совет делать лого с разрешением 800х***.
б) Так теперь когда логотип у нас есть, что дальше ? Все очень просто теперь нам надо заходить в "админку" Путь :
Главная страница AЦ -> Скины и Шаблоны -> Настройка скинов -> находим ваш скин и кликаем на ссылку "HTML" -> Теперь смотри в правый бок там есть надпись "Быстрый переход" "Редактировать шапку форума" кликае ОК
Теперь там находим вот это :
Код
<div id='logostrip'>
<a href='{ibf.script_url}' title='Board Home'><img src='{ibf.vars.img_url}/logo4.gif' alt='Powered by Invision Power Board' border="0" /></a>
</div>
<a href='{ibf.script_url}' title='Board Home'><img src='{ibf.vars.img_url}/logo4.gif' alt='Powered by Invision Power Board' border="0" /></a>
</div>
Теперь, это все можно удалять и вместо этого вставляем вот такой вот код :
Код
<div id='logostrip'>
<a href='{ibf.script_url}' title='Название форума'><img src='Путь к логотипу' alt='Powered by Invision Power Board' border="0" /></a>
</div>
<a href='{ibf.script_url}' title='Название форума'><img src='Путь к логотипу' alt='Powered by Invision Power Board' border="0" /></a>
</div>
Но теперь другая проблема, лого мы поставили, но это не правильно отображаться (смотреть скриншот) точнее оно не растягивается, что делать ?
в) А что бы это исправить нам надо будет использовать логострип. Опять вопросы, что такое логострип ? Сейчас все расскажу...
Но сперва, вам надо сделать картинку для логострипа, вам надо вырезать
из лого правый кусочек... Пример :
Вот и все, так поехали дальше.
Сейчас нам надо опять в "админку".
Путь :
Главная страница AЦ -> Скины и Шаблоны -> Настройка скинов -> находим ваш скин и кликаем на ссылку "CSS"
Там нам надо найти #logostrip, выглядит он примерно так :
Код
#logostrip { background-image: url(style_images/<#IMG_DIR#>/tile_back.gif); border: 1px solid #FFF; height: 68px; margin: 0; padding: 0; }
И теперь удаляем его и вместо него вставляем вот этот логострип :
Код
#logostrip { width: 100%;height: 100%;background-repeat: repeatxy;border: 1px solid #101010;background-image: url(адрес картинка для логострипа); }
Есть ещё маленькое примечание, некоторые пользователе говорили, что с данным логострипом у них медленно загружался форум...лично у меня таких проблем небыло, да и у моих пользователей тоже. Но если у вас тоже из-за данного логострипа будет медленно грузиться форум, попробуйте использовать след. логострип...он стоит на форуме тех. поддержки. (сам его у себя на форуме не ставил, небыло необходимости.)
Код
#logostrip {
border:1px solid #345487;
background-color: #3860BB;
background-image:url(адрес картинки для логострипа);
height: размер картинки логострипа px;
padding:0px;
margin:0px; }
border:1px solid #345487;
background-color: #3860BB;
background-image:url(адрес картинки для логострипа);
height: размер картинки логострипа px;
padding:0px;
margin:0px; }
2. Способ номер два, не такой уж и хороший...но все же я смотрю, многие им пользуются, вот и решил его тоже написать. Тут все очень просто.
а) Первым делом нам стоит создать логотип. Тут я не стану рассказывать вам, как его делать, тема не об этом...но скажу вам, что фотошоп творит чудеса
Для примера логотип возьму со своего портала.
Вот логотип :
Тут тоже стоит задуматься над размером логотипа, но мой вам совет делать лого с разрешением 800х***.
б) Так теперь когда логотип у нас есть, что дальше ? Все очень просто теперь нам надо заходить в "админку" Путь :
Главная страница AЦ -> Скины и Шаблоны -> Настройка скинов -> находим ваш скин и кликаем на ссылку "HTML" -> Теперь смотри в правый бок там есть надпись "Быстрый переход" "Редактировать шапку форума" кликае ОК
Теперь там находим вот это :
Код
<div id='logostrip'>
<a href='{ibf.script_url}' title='Board Home'><img src='{ibf.vars.img_url}/logo4.gif' alt='Powered by Invision Power Board' border="0" /></a>
</div>
<a href='{ibf.script_url}' title='Board Home'><img src='{ibf.vars.img_url}/logo4.gif' alt='Powered by Invision Power Board' border="0" /></a>
</div>
Теперь, это все можно удалять и вместо этого вставляем вот такой вот код :
Код
<div id='logostrip'>
<a href='{ibf.script_url}' title='название вашего форума'><img src='путь картинки для логотипа' alt='название форума' border="0" width="100%" /></a>
</div>
<a href='{ibf.script_url}' title='название вашего форума'><img src='путь картинки для логотипа' alt='название форума' border="0" width="100%" /></a>
</div>
Если использовать данный способ замены логотипо, то лого растягивается и у пользователей у которых стоит большое разрешение (например 1600х1200) оно будет не очень то красиво отображаться.
Автор темы http://ipboard.net/index.php?&act=Profile&CODE=03&MID=518 , с первой частью темы можно ознакомиться тут http://ipboard.net/index.php?showtopic=1312&st=0
