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

Vanko · 09/08/08 16:15

Добрый день, дамы и господа. У меня вот такой IPB форум - http://www.seadogs.ru/forum/ Мне хотелось бы сделать вот что:

(архив с файлами Bar1, Bar2, Bar3 вот)

Как всё это сделать?

Fisana · 09/08/08 17:54

расширенный режим редактирования css

Затем править классы:

submenu

ipb-top-right-link

ipb-top-left-link

maintitle и связанные.

subtitle

table th

Pavlik · 19 сентября 2008

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>

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

Спасибо!

Изменено 19 сентября 2008 пользователем Pavlik

Fisana · 09/19/08 18:02

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 таблицу строете?

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

Pavlik · 09/20/08 14:34

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

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

Nerion · 29 сентября 2008

Здравствуйте уважаемая 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:

Изменено 29 сентября 2008 пользователем Nerion

Fisana · 09/29/08 15:41

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.

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

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

Nerion · 09/29/08 15:52

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

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

Nerion · 09/29/08 16:54

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

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

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

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

Fisana · 09/29/08 17:40

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

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

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

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

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

Nerion · 10 октября 2008

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

Изменено 10 октября 2008 пользователем Nerion

Nerion · 10/10/08 15:12

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

Ситуация #1 :

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

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

Screenshot #1

Screenshot #2

Ситуация #2

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

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

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

Fisana · 10/10/08 16:03

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

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

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

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

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

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

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

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

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

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

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

Nerion · 11 октября 2008

1. Рекламных баннеров в скине точно не было. И быть не могло.
На первом скриншоте контекстная реклама от гугля. Надо зарегистрировать сайт в адсенсе, вставить код, подтвердить права на управление прежде, чем там что-то такое покажут.
Может сами вставили?
На втором скриншоте какой-то другой баннер.
Может Вас ломали, если сами не вставляли?

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

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

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

И все-таки я не понимаю, нафига Вы постите тут что попало.
ПРИЧЕМ ЗДЕСЬ CSS?

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

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

Изменено 11 октября 2008 пользователем Nerion

Pavlik · 10/13/08 09:50

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

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

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

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

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

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

Vanko 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Pavlik 3

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Pavlik 3

Поделиться сообщением

Ссылка на сообщение

Nerion 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Nerion 0

Поделиться сообщением

Ссылка на сообщение

Nerion 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Nerion 0

Поделиться сообщением

Ссылка на сообщение

Nerion 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Nerion 0

Поделиться сообщением

Ссылка на сообщение

Pavlik 3

Поделиться сообщением

Ссылка на сообщение

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

Создать аккаунт

Войти

Сейчас на странице 0 пользователей

Сообщество