Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Mazafuka

Расширить логотип, сузить форум, сделать рамку

Recommended Posts

Здраствуйте.

 

Мне нужно сделать вот что:

 

1) Расширить логотип(это показанно на рисунке)

 

2) Сузить форум (это показанно на картинке)

 

3) Сделать рамку (это тоже показанно на картинке)

Вот рамку мне надо сделать, так что бы она упералась в логотип, и не была шире него(логотипа), картинки для рамки у меня есть!

 

8d0f98633db4b17fa6.jpg

 

Заранее спасибо!

Share this post


Link to post
Share on other sites

1. Логотип расширить чтобы растягивался? Тогда читайте статью, ссылку давала.

2. ipbwrapper вынести в общем шаблоне так, чтобы он включал и header и footer. Ширину в процентах обозначить около 98%.

3. Coздать еще один ipbwrapper2 на основе ipbwrapper, в свойствах задать margin верхний побольше (первая цифра), чтобы в шапку не упирался, ширину поставить 100%.

В общем шаблоне после тега

Вставить

<div id="ipbwrapper2>

И закрыть тег

Вставить перед

Share this post


Link to post
Share on other sites
1. Логотип расширить чтобы растягивался? Тогда читайте статью, ссылку давала.

2. ipbwrapper вынести в общем шаблоне так, чтобы он включал и header и footer. Ширину в процентах обозначить около 98%.

3. Coздать еще один ipbwrapper2 на основе ipbwrapper, в свойствах задать margin верхний побольше (первая цифра), чтобы в шапку не упирался, ширину поставить 100%.

В общем шаблоне после тега <%MEMBERBAR%>

Вставить

<div id="ipbwrapper2>

И закрыть тег

Вставить </div> перед </body>

Когда все это проделаете, скажу код для рамки.

 

Хочу что бы форум стал поуже логотипа!

Edited by Mazafuka

Share this post


Link to post
Share on other sites

Fisana!

 

Скажите код рамки и куда его вставлять?

Edited by Mazafuka

Share this post


Link to post
Share on other sites

Поуже логотипа...

Внутренний враппер не 100% делайте, а 98%

 

Код рамки. Беру из кода скина Beige.

Проставите свои размеры и названия файлов. По названиям классов догадаетесь, для чего каждый нужен.

Css

 .tableleft {  background-image: url(<#IMG_DIR#>/table_left.gif); background-repeat: repeat-y; width: 17px}
.tableright { background-image: url(<#IMG_DIR#>/table_right.gif); background-repeat: repeat-y; width: 17px}
.tabletopper { background-image: url(<#IMG_DIR#>/table_top.gif); height: 17px; background-repeat: repeat-x}
.tablebottomer { background-image: url(<#IMG_DIR#>/table_bottom.gif); height: 17px; background-repeat: repeat-x; background-position: top;}
.tablebottomer2 { background-image: url(<#IMG_DIR#>/table_bottom.gif); height: 17px; background-position: top; width: 100%; background-repeat: repeat-x}

.tablebg {padding-right: 0px; padding-left: 0px;}
.tabletopleft { background-image: url(<#IMG_DIR#>/table_top_left.gif); height: 17px; width: 17px;}
.tabletopright { background-image: url(<#IMG_DIR#>/table_top_right.gif); height: 17px; width: 17px;}
.tablebotleft { background-image: url(<#IMG_DIR#>/table_bottom_left.gif); height: 17px; width: 17px;}
.tablebotright { background-image: url(<#IMG_DIR#>/table_bottom_right.gif); height: 17px; width: 17px;}

 

Затем во внутренний враппер общего шаблона вставляете код html для рамки.

После

Share this post


Link to post
Share on other sites

Все перелазил и толком не понял (может я такой тупой ;) )

Подскажите как сузить весь форум ?

Пробовал эти коды,шапка остается большой как и была,а форум уменьшается но не на много

Менял % всеравно меньше не становится

Не очень в этом во всем разбираюсь,чисто для тупых подскажите пожалуйсто

Спасибо

Share this post


Link to post
Share on other sites

Какой скин используете?

Как именно задается ширина форума?

В css?

В html?

Если верстка нестандартная, привычным способом скин не сузить.

Хотя бы ссылку на форум дайте.

Share this post


Link to post
Share on other sites

Fisana,спасибо что откликнулись

Хочю сузить стандартный скин и сделать его как у вас скачал Hi-Tech такой же узкий

Адрес сайта

http://www.auto-hacker.ru/forums/

 

А в каких шаблонах что править незнаю и здесь ничего не нашел кроме этой темы

Попробовал по теме как написано вставить эти коды,то он почти не ссузился и шапка осталась та же,а сам совсем немног ссузился

Я не особо понимаю в этом во всем,но туда же как и все :blink:

Edited by Док

Share this post


Link to post
Share on other sites

Стандартный скин сужается в css.

Много писалось на эту тему.

В классе #ipbwrapper просто задайте меньшее число процентов, или фиксируйте в 960px.

Скин hi-tech сужен другим способом.

В общем шаблоне построена таблица с фиксацией боковых колонок.

Share this post


Link to post
Share on other sites

Спасибо,попробую

Share this post


Link to post
Share on other sites

Получилось,еще раз спасибо

Нашел

#ipbwrapper

И изменил цифры вот эти

(родной стоит 98)

width: 88%;

 

Fisana,извените,может уже не по теме спрашиваю

А как задний фон изменить ?

Он сейчас былый,на какойнибуть другой

Незнаю как правильно назвать,подстилка форума,что ли

Это нужно в файлах изображение менять или шаблоны редактировать ?

Если очень тупые вопросы,то тоже извените :blink:

Edited by Док

Share this post


Link to post
Share on other sites

Читайте закрепленную тему про css для чайников.

Про изменение фона body написано в самом начале.

 

Прошу не ОФФТОПИТЬ.

Вы нарушаете правила раздела, задавая вопросы не по теме.

Не валите в одну и ту же тему все вопросы, с которыми сталкиваетесь, если они не отвечают названию топика. Лучше создайте новую тему или продолжите созданную ранее, если в ней рассматривается близкая проблема.

Фон body в конкретном обсуждении не рассматривается.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...