Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Фон и надписи


Фон и надписи

Сообщений 1 страница 12 из 12

1

Здравствуйте. Объясните, пожалуйста, как можно в сайдбаре сделать наждому пункту фон и как писать шрифтом, так сказать, без отступов. Как на картинке.

0

2

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

Дайте адрес форума.

0

3

rps написал(а):

Дайте адрес форума.

Как на этом , а мой вот) Просто не поняла, какой именно.

0

4

Caroline

у них стоит таблица там, фон пописан в самой таблице

+1

5

Caroline

<td height="280" background="http://i48.tinypic.com/30vorrn.png" vAlign="top">

Вот так стоит у них. Боковая панель разбита на ячейки, в каждую ячейку вписан свой фон, как я показал выше.

+1

6

rps
К сожалению, я не знаю, как разбивать на ячейки панель... :dontknow:  :dontcare:  Объясните, пожалуйста?

0

7

Caroline
Дайте мне код Вашего сайдбара.

+1

8

rps
конечно) вот)

<style>
#pun {
  margin: auto 20px auto 205px;
  width : 870px;}
.sidbar {background: transparent url(http://i48.tinypic.com/au8kms.jpg); width: 188px; height: 1600px; border: 0px solid; position: absolute; z-index: 1000;  top: 0px !important; right: 210px !important; left: -185px !important;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background:  transparent  url(http://i48.tinypic.com/au8kms.jpg); height: 17px; text-align: center; color: #496690; border: 0px none; width: 90%; margin: auto;}
.sidbar p {padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center;}
</style>
<div class="sidbar">
<div style="width: 185px; height: 300px; overflow-y: scroll;">
- Мы приветствуем всех, кто заглянул на остров Буян! Не наше дело - каким образом вы оказались здесь. Самое главное - не спешите улетать отсюда, не узнав, что же происходит в "Тибидохсе". Да, да, ещё один "Тибидохс", но окунувшись в события игры, вы с интересом обнаружите, что ничего подобного ещё не было.
<br>
<br><center><b><u>31 декабря. Понедельник.
<br>16.00 - 18.00</u></b>
<br>- Ученики в радостном предвкушении праздника  собираются на бал-маскарад, который должен состояться в Зале Двух Стихий в канун Нового года. Знакомые лица, скрывающие свой облик под масками. А пятеро учащихся в это же самое время тайно планируют проведение магического ритуала, бурно обсуждая свои действия друг с другом. Свидетелями их разговора случайно становятся несколько человек, которые впоследствии требуют включить их в состав участников ритуала, обещая в противном случае довести эту тайну до сведения Поклепа Поклепыча...
<br>- По прогнозам магноптиков, на острове Буяне в течение дня термометры покажут от -7 до -9 градусов, на Лысой Горе - от 6 до 11 градусов мороза. Днем будет облачно с прояснениями. Сохранятся условия для образования гололедицы, наледи и сосулек.
</center>

</div>

<div id="yoblako" align="center"><noindex>
<a style="font-size:8pt;" href="http://cruelgames.mybb.ru/viewtopic.php?id=209" rel="nofollow" class="eTag eTagGr8">Нужные персонажи</a>
<a style="font-size:8pt;" href="http://cruelgames.mybb.ru/viewtopic.php?id=48" rel="nofollow" class="eTag eTagGr8">Занятые внешности</a>
<a style="font-size:8pt;" href="http://cruelgames.mybb.ru/viewtopic.php?id=46" rel="nofollow" class="eTag eTagGr8">Список ролей</a>
<a style="font-size:8pt;" href="http://cruelgames.mybb.ru/viewtopic.php?id=7" rel="nofollow" class="eTag eTagGr8">Занятые способности</a>
<a style="font-size:8pt;" href="http://cruelgames.mybb.ru/viewtopic.php?id=6" rel="nofollow" class="eTag eTagGr8">Шаблон анкеты</a>
<a style="font-size:8pt;" href="http://cruelgames.mybb.ru/viewtopic.php?id=5" rel="nofollow" class="eTag eTagGr8">Что необходимо знать</a>
<a style="font-size:8pt;" href="http://cruelgames.mybb.ru/viewtopic.php?id=60" rel="nofollow" class="eTag eTagGr8">Правила</a>
</noindex></div>

<br><img src="http://i48.tinypic.com/303l2qb.png" ><img src="http://i50.tinypic.com/dxg2us.png" >

<br><center><script src="http://www.top.hpn.ru/hpntop_counter.php?id=2896"></script>

<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=8084' target='_blank'>
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=8084&today_hits=1&today_hosts=1&total_hosts=1&cid=1_7.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=8084&today_hits=1&today_hosts=1&total_hosts=1&cid=1_7.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>
</center>

<br>
<br><center> <img src="http://i46.tinypic.com/2ccxh84.png" >
<a href="http://twilightnewgeneration.rolka.su/" target="_blank"><img src="http://ava-tar.ru/uploads/0000/26/b8/669941-1.gif" alt="» Twilight | New Generation"></a> <a href="http://cruelintentions.rusff.ru/" title="Cruel Games in Big City.Part2" target="blank">
<img src="http://www.easyshare.ru/shared/a0344278049/3.png"></a>
<a href="http://tibidohsmoon.rusff.ru/" target="_blank"><img src="http://i45.tinypic.com/n5g3g9.gif"title="Тибидохс. Полнолуние;"border="0"width="88" height="31"></a>

</div>

0

9

Caroline
Пробуйте так:

<style>
#pun {
  margin: auto 20px auto 205px;
  width : 870px;}
.sidbar {background: transparent url(http://i48.tinypic.com/au8kms.jpg); width: 188px; height: 1600px; border: 0px solid; position: absolute; z-index: 1000;  top: 0px !important; right: 210px !important; left: -185px !important;}
</style>
<div class="sidbar">
<table>
<tr>
<td background="Адрес изображения">Здесь содержимое контейнера</td>
</tr>

</table>
</div>

Выделенное красным - это сам контейнер в сайдбаре. Размножайте его столько раз, сколько Вам нужно. Прописывайте для каждого индивидуальное фоновое изображение... Ну и содержимое, естественно.

+1

10

мммм... а у меня вопросики.
http://s49.radikal.ru/i124/1002/ef/86d8d5cdddc5.jpg
1. Есть ли скрипт, чтобы заменить выделенный фон, на свой? или сделать его прозрачным?
2. Как изменить цвет текста?
3. Возможно ли тут заменить фон на свою картинку?
4. Как изменить цвет линий?

Заранее спасибо.
http://twilightsagaroll.mybb.ru/ ссылка на форум если надо.
Извините за маленькое изображение.. Радикал не пашет.

Отредактировано Умняшка :Р (Сб, 27 Фев 2010 23:17:42)

0

11

Умняшка :Р написал(а):

1. Есть ли скрипт, чтобы заменить выделенный фон, на свой? или сделать его прозрачным?2. Как изменить цвет текста?3. Возможно ли тут заменить фон на свою картинку?4. Как изменить цвет линий?

Столько вопросов в одном флаконе. Вам проще заказать готовый стиль.
А для начала поюзайте эту тему
FAQ по дизайну форума в CSS
и Абсолютный помощник по дизайну CSS 2 (beta) вам в помощь.

0

12

Дык юзаю, но я такой нуб во всем этом. Попыталась написать код для 3 вопросика. И чу? форум накрылся! убить меня веником  http://forumupload.ru/uploads/0000/14/1c/346394-1.gif

И... я хочу сама научиться, уже пол года стараюсь, а не заказывать готовый стиль =))

а вот здесь Абсолютный помощник по дизайну CSS 2 (beta) я ничу не понимаю =((

*перечитывает вопросы по оформлению форума от новичков*
*бьется ап стенку*-я дебил!

О! Разобралась, может я и не такой дебил?! *счастья полные штаны*

Отредактировано Умняшка :Р (Вс, 28 Фев 2010 12:01:55)

0


Вы здесь » Единый форум поддержки » Корзина » Фон и надписи