Перейти к публикации
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.

Создание скинов ipb для чайников (меняем css)

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

В этой теме попробую по-русски описать значение и возможности классов css (каскадный стиль) в ipb. Их много, поэтому описывать буду постепенно и с перерывами.

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

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

Fisana, подскажите пожалуйста как мне сделать следующее:

Собственно хочу сделать ссылки на шапке!

Написал такой код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">   
<html>   
<head>   
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">   
 <title>Пример</title>   
</head>   
<body>   

 <table height="150" width="995" background="http://ссылка на шапку">   
  <tr>

 <td width="98%" valign="top" align="center" style=" font-family: sans-serif">
		 <a href="test1.html">Ссылка1</a><Br> 
		 <a href="test2.html">Ссылка2</a><Br>   
		 <a href="test3.html">Ссылка3</a>   
   </td>
</tr>	
 </table>	

</body>   
</html>

 

Как видно из кода,ссылки у меня получились по центру,а мне нужно их сдвинуть чуток вправо! Как мне это сделать?

Спасибо!

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

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

align="center"

убрать

style=" font-family: sans-serif"

Заменить на

style="font-family: sans-serif; text-align: right;"

Чтобы не прилипало к правому краю можно добавить паддинг, например

style="font-family: sans-serif; text-align: right; padding-right:30px;"

 

 

Только причем тут эта тема???

Вопрос не имеет отношение к css

Или Вы в css таблицу строете?

Такое чувство, что Вы не уважаете нас и лепите свои вопросы куда попало.

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

Извинете,не подумал!

За ответ спасибо!!!!!!!

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

Здравствуйте уважаемая Fisana, прочитав правила я не нашел в разделе скинов тот бесплатный скин что я переделываю, его название "Redgray"

 

В общем если вас не затруднит, позвольте мне пожалуйста задать несколько вопросов, очень нужна ваша помощь :)

 

И так :

* В общем меняю дизайн скина "Redgray" почти все что нужно поменял, но остались некоторые вещи с которыми я совершенно немогу справится, в связи со своей неопытностью в создании\переделывании форумов.

 

1) Вот здесь на скриншоте я пометил, то, что никак немогу найти и поменять, эту маленькую красненькую линию :<-СкринШот->

 

2) Вот здесь на скриншоте я пометил, то, что никак немогу найти и поменять, этот бордовый фон при "быстром ответе" и просто "ответе" :<-СкринШот->

 

3) И еще мне бы хотелось бы узнать как я могу разместить вместо заднего фона рамку, я прочитал ваши самые первые ответы, и увидел некоторые строчки которые нужно добавить "наверх" "вниз" "лево" "право" чтобы фон был картинкой, с каждой стороны. Но когда я это сделал, например, вставил код чтобы верхний задний фон был картинкой, все заработало.

Но когда я добавляю уже вниз картинку или налево\право то сверху пропадает фон и ставится уже вниз или налево\право. Т.е. сразу везде не получается.

 

Вот код, как я делал, тут скорее всего я сделал совершенно неправильно, поэтому и прошу вашей помощи :)

html

{

overflow-x: auto;

}

 

body

{

background: #fff url(<#IMG_DIR#>/fon.gif) top repeat-x;

background: #fff url(<#IMG_DIR#>/fon2.gif) top repeat-x;

background: #fff url(<#IMG_DIR#>/fon3.gif) top repeat-x;

background: #fff url(<#IMG_DIR#>/fon4.gif) top repeat-x;

color: #cac2c2;

font-family: Arial, verdana, tahoma, Helvetica, sans-serif;

font-size: 11px;

font-weight: normal;

line-height: 135%;

margin: 0px;

padding: 0px;

position: absolut;

padding-top: 10px;

text-align: center;

}

 

Спасибо большое, буду ждать ответа с нетерпением :blink:

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

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

1. Красная линия на картинке - cat_bottom_bg.gif

Придется перекрасить.

2. Этот фон ищите в css редактора.

В папке картинок \folder_editor_images > css_rte.css > .rte-iframe

	background-color:#2d0000;

Замените цвет.

3. Таблица так не делается.

Вообще к одному классу css можно привязать только один background, а не 2 и не 4.

Выполняется самая нижняя команда

background: #fff url(<#IMG_DIR#>/fon4.gif) top repeat-x;

Шапка в этом стиле вынута из враппера. Если рамка нужна вокруг, в общем шаблоне тег

должен быть прямо после

Потом для начала попробуйте сделать рамочку на div-x.

А табличная верстка будет тяжелее.

Правая сторона в скинах с табличкой отстает при загрузке форума.

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

Спасибо огромное Fisana, вы моя спасительница :blink: Сейчас попробую сделать все что вы указали выше, и можно ли мне будет задать некоторые вопросы если у меня вдруг не получится ? Про 1-ый и 2-ой пункт, 3-ий пункт не особо важен и как я понял, очень сложен в осуществлении.

Еще раз спасибо большущее.

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

В общем благодаря вашей помощи справился с 1-ым и 2-ым пунктами, спасибо большое еще раз.

Форум почти готов, остался вопросик один, если не трудно подскажите.

 

Вот на этом -скриншоте- показан обычный вариант, а на этом -скриншоте- показано как хотелось бы сделать, т.е. чтобы по краям был не просто обрез, а что нить симпотичное вроде рисунка или какой нибудь закорючки, ну вы понимаете :blink:

 

Взарание благодарю.

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

Сделайте дополнительный ipbwrapper

Пропишите его в общем шаблоне над навигацией, тег закройте внизу.

Все по схеме. Повторять не хочу.

Читайте статью, способ 2 (с учетом, что внешний ipbwrapper остается).

http://ipb-ru.net/div-ramka-ipb.html

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

Спасибо, буду разбиратся !

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

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

В общем задизайнерил я форум как хотел, спасибо еще раз за помощь, запустил в сеть, и со временем начали появлятся некие проблемы, если вы Fisana сможете мне помочь, буду примного благодарен.

 

Ситуация #1 :

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

Вот собственно скриншоты :

 

Screenshot #1

Screenshot #2

 

Ситуация #2

После смены скина на тот, что я переделал вместе с вашей помощью, стали появлятся спам-боты и спамить множество разделов на форуме, я лично не думаю что смена скина как то на это может влиять или мало-ли что я незнаю. Но факт что они появились после смены скина. Кодовая защита на регу стоит.... непойму никак в чём дело, спасает тока "блокировка регистрации" но это не дело сами понимаете.

Возможно из за копирайтов на форуме внизу "Skin by IPB team" так как это распростронённо в интернете, и боты ловят это.... Может как то спрятать в другое место копирайты чтобы боты не видели, или как то отредактировать их, я незнаю.

 

В общем очень прошу ващей помощи дорогая Fisana :D

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

1. Рекламных баннеров в скине точно не было. И быть не могло.

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

Может сами вставили?

На втором скриншоте какой-то другой баннер.

Может Вас ломали, если сами не вставляли?

2. Марш в верхний раздел, там тема про спам есть Читайте ее.

 

И все-таки я не понимаю, нафига Вы постите тут что попало.

ПРИЧЕМ ЗДЕСЬ CSS?

 

Если остались вопросы такого плана, спрашивайте в разделе по техобслуживанию форума.

Дизайн тут никаким боком.

Еще один случай флуда, к которому приравнивается замусоривание тем посторонним контентом, забаню без жалости.

Опубликовано:
1. Рекламных баннеров в скине точно не было. И быть не могло.

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

Может сами вставили?

На втором скриншоте какой-то другой баннер.

Может Вас ломали, если сами не вставляли?

Банеры мы сами не вставляли не в коем случае, эти рекламы от гугля и прочие баннеры появились сами 2 дня назад, насчет того что "ломали" даже не знаю... Не подскажите ли как УДАЛИТЬ эти банеры ? в CSS ? Где ? :D

 

2. Марш в верхний раздел, там тема про спам есть Читайте ее.

Спасибо, уже.

 

И все-таки я не понимаю, нафига Вы постите тут что попало.

ПРИЧЕМ ЗДЕСЬ CSS?

 

Если остались вопросы такого плана, спрашивайте в разделе по техобслуживанию форума.

Дизайн тут никаким боком.

Извините, больше не повторится...

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

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

Здравствуйте,Fisana

У меня такой вопрос:

Возможно ли присвоить каждой букве свой цвет,посредством css?

Допусти чтобы название форума было цветным (у каждой буквы свой цвет)

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

Нельзя.

Могли бы сами сообразить, что в css невозможно задавать параметры сортировки и программировать.

В CSS просто задаются классы с определенными свойствами.

Сами по себе они пассивны.

Поэтому вопрос некорректен.

 

Закажите у программистов ява-скрипт, управляющий цветом букв.

 

И, ЕЩЕ РАЗ ПОВТОРЯЮ, не лепите сюда посторонние вопросы.

Включайте мозги, прежде чем спросить.

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

Сейчас на странице 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.