Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Опубликовано:

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

 

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

 

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

 

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

 

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

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

 

8d0f98633db4b17fa6.jpg

 

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

Рекомендованные сообщения

Опубликовано:

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

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

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

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

Вставить

<div id="ipbwrapper2>

И закрыть тег

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

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

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

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

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

Вставить

<div id="ipbwrapper2>

И закрыть тег

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

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

 

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

Изменено пользователем Mazafuka

Опубликовано:
  • Автор

Fisana!

 

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

Изменено пользователем Mazafuka

Опубликовано:

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

Внутренний враппер не 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 для рамки.

После

  • 2 месяца спустя...
Опубликовано:

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

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

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

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

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

Спасибо

Опубликовано:

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

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

В css?

В html?

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

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

Опубликовано:

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

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

Адрес сайта

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

 

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

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

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

Изменено пользователем Док

Опубликовано:

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

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

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

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

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

Опубликовано:

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

Опубликовано:

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

Нашел

#ipbwrapper

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

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

width: 88%;

 

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

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

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

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

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

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

Изменено пользователем Док

Опубликовано:

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

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

 

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

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

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

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

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.