Форум поддержки пользователей ZeroParking

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

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


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Пару вопрос по дизайну.


Пару вопрос по дизайну.

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

1

Здравствуйте,
Я решила создать форум ( http://schooltolifes.rolka.su/ ), но кое-что не могу сделать. Пожалуйста помогите.
1.
http://s016.radikal.ru/i336/1101/c3/b2c6de7b7fb3.jpg
Как сделано это слово? Шрифт? Можно тогда узнать где можно найти подобные шрифты и как вставить.
2.
http://s014.radikal.ru/i328/1101/5c/2f3b51cf45c5.jpg
Опять же как было сделано это слово и как нажатием на слово "Banners" можно открыть сами баннеры.
3.
http://s015.radikal.ru/i332/1101/1f/31d2333b5707.jpg
Рамка находится только слева и справа и плотно прилегает к окнам. Как можно добиться такого эффекта? Такой фактуры, толщины и цвета?
Буду очень признательна, если вы поможете. Заранее спасибо.

Отредактировано Яна_Ясная (2011-01-06 17:24:45)

0

2

Яна_Ясная
Это картинка на каждую категорию отдельная картинка

#pun-category1 h2 {height: 62px; background-image: url("картинка"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}

То что выделено меняется при дубляже - сколько категорий - столько раз и копируете меняя номер

вставлять в css цвета в самый низ

Яна_Ясная написал(а):

Опять же как было сделано это слово и как нажатием на слово "Banners" можно открыть сами баннеры.

При нажатии опять же на картинку

код на баннеры

<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
<img src="Сюда картинка" ></a><div style="display: none">
Сюда баннеры
</div></div>

Яна_Ясная написал(а):

Рамка находится только слева и справа и плотно прилегает к окнам. Как можно добиться такого эффекта? Такой фактуры, толщины и цвета?

Это опять таки картинка фон - делается форум прозрачным полностью и в ФШ делается картинка для фона по краям фон основной по центру какой то цвет однотонного плана или чуть прозрачнее. Ни и эта часть подгоняется под размер тела форума - он у вас к примеру 800 значит эта часть будет также делаться на этот размер и уже дальше по краям основы будет идти рамочка на ваш вкус две линии с разных сторон по 20-30 пикселей.

+1

3

Toshiro-kun
спасибо большое

0

4

Toshiro-kun написал(а):

Это опять таки картинка фон - делается форум прозрачным полностью

можно ещё кое-что узнать:
1. Как сделать форум полностью прозрачным?
2.
http://i008.radikal.ru/1101/19/0460af1d9de0.jpg
Как сделать так чтобы нажимая на слово "Сегодня", вылазило окошко в котором было бы написано что я задала (это же называется спойлер, нэ?)

вот код моей таблицы, напишите куда именно что вставлять для этого.

<table width="100%" border="0">
  <tr>
    <td width="43%" rowspan="3"><div align="center"><img src="http://s006.radikal.ru/i215/1101/6e/844ca176a798.jpg"></div></td>
   <td width="57%" height="93"><font color=#CC0000><div align="center">Администрация: </div><br>
   
    <font color=#000000><p align="center">Мария Ля Рим</p>
    <p align="center">Mia Koks</p></td>
  </tr>
  <tr>
    <td height="138"><font color=#CC0000><div align="center">Время, погода дата</div><br>
     
<font color=#000000><p align="center">Холодно,  страшно, стрёмно</p></td>
  </tr>
  <tr>
    <td><font color=#CC0000><div align="center">Полезные ссылки:</div>
    <div id="yoblako" align="center"><noindex>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=2" rel="nofollow" class="eTag eTagGr8">Сюжет</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=3" rel="nofollow" class="eTag eTagGr8">Правила форума</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=4" rel="nofollow" class="eTag eTagGr8">Расы</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=7" rel="nofollow" class="eTag eTagGr8">Гостевая книга</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=6" rel="nofollow" class="eTag eTagGr8">Жалобы и предложения</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=5#p5" rel="nofollow" class="eTag eTagGr8">Шаблон анкеты</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=11" rel="nofollow" class="eTag eTagGr8">Смена ника/статуса</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=10" rel="nofollow" class="eTag eTagGr8">Поиск партнера</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=9" rel="nofollow" class="eTag eTagGr8">Отсутствие/уход</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=8" rel="nofollow" class="eTag eTagGr8">Список ролей</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=12" rel="nofollow" class="eTag eTagGr8">Классы</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=14" rel="nofollow" class="eTag eTagGr8">Наш баннер</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=13" rel="nofollow" class="eTag eTagGr8">Наша реклама</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=16" rel="nofollow" class="eTag eTagGr8">Наша реклама</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=15" rel="nofollow" class="eTag eTagGr8">Заявки на партнерство</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
</noindex></div></td>
  </tr>
</table>

0

5

Яна_Ясная
ну и задали вы мне задачу(
Объявление

Код:
<table width="850" height="428"  border="0">
  <tr>
    <td width="427" rowspan="3" style="background:transparent url(http://s006.radikal.ru/i215/1101/6e/844ca176a798.jpg) no-repeat;">
    <div style="margin:370px 0px 0px 320px; left: 79px; top: 221px; overflow:hidden; overflow-x:hidden; width: 100px; height: 50px;">
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
</div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV>
</DIV>
</div></div></td>
   <td width="413" height="93"><font color=#CC0000>
     <div align="center">Администрация: </div><br>
    
    <font color=#000000><p align="center">Мария Ля Рим</p>
    <p align="center">Mia Koks</p></td>
  </tr>
  <tr>
    <td height="138"><font color=#CC0000><div align="center">Время, погода дата</div><br>
     
<font color=#000000><p align="center">Холодно,  страшно, стрёмно</p></td>
  </tr>
  <tr>
    <td height="150"><font color=#CC0000>
      <div align="center">Полезные ссылки:</div>
    <div id="yoblako" align="center"><noindex>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=2" rel="nofollow" class="eTag eTagGr8">Сюжет</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=3" rel="nofollow" class="eTag eTagGr8">Правила форума</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=4" rel="nofollow" class="eTag eTagGr8">Расы</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=7" rel="nofollow" class="eTag eTagGr8">Гостевая книга</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=6" rel="nofollow" class="eTag eTagGr8">Жалобы и предложения</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=5#p5" rel="nofollow" class="eTag eTagGr8">Шаблон анкеты</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=11" rel="nofollow" class="eTag eTagGr8">Смена ника/статуса</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=10" rel="nofollow" class="eTag eTagGr8">Поиск партнера</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=9" rel="nofollow" class="eTag eTagGr8">Отсутствие/уход</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=8" rel="nofollow" class="eTag eTagGr8">Список ролей</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=12" rel="nofollow" class="eTag eTagGr8">Классы</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=14" rel="nofollow" class="eTag eTagGr8">Наш баннер</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=13" rel="nofollow" class="eTag eTagGr8">Наша реклама</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=16" rel="nofollow" class="eTag eTagGr8">Наша реклама</a>
<a style="font-size:8pt;" href="http://schooltolifes.rolka.su/viewtopic.php?id=15" rel="nofollow" class="eTag eTagGr8">Заявки на партнерство</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
</noindex></div></td>
  </tr>
</table>

HTML-низ

Код:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

HTML-верх

Код:
<style> 
div .splLink {width: 170px; height: 70px; font-weight: bold; background: transparent; }
.spll {width: 150px; height: 65px; }
.spll div .splCont {height: auto; width: 200px; background: #цвет; padding: 5px; z-index: 1000;  border: 1px solid #020000; font-size: 12px; text-align: center;}
</style>
Яна_Ясная написал(а):

Как сделать форум полностью прозрачным?

css-цвета

/* CS1 Background and text colours
-------------------------------------------------------------*/

в этой части ищите  это

background-color: #цвет; и удаляете

0

6

оооо спасибо, вы прекрасны.

0

7

здравствуйте, это опять всё та же я. Извеняюсь, но я опять хочу у вас спросить пару вопросов, ведь такому чайнику, как я, многое ещё не понятно.
1.http://s005.radikal.ru/i209/1101/66/e7e89e0142bf.jpg
Почему в этой строчке повторяется низ шапки? Как это убрать точнее.
2.http://i008.radikal.ru/1101/a5/1838d6912d82.png
Как можно поставить такие слова, чтобы нажимая на них открывалась заданная ссылка. (в данном случае страница сюжета)
3. спасибо большое (ещё раз) за вашу помощь, но можно кое-с чем ещё помочь.
http://i067.radikal.ru/1101/34/1be74345d738.jpg
как сделать чтобы фон был однотонный а не прозрачный ( в данном случае цвет #FFE9E4), а то как вы ведите на скрине заданные слова становятся труднопрочитаемыми, из-за того что заходят на другие слова.

0

8

Яна_Ясная написал(а):

как сделать чтобы фон был однотонный а не прозрачный ( в данном случае цвет #FFE9E4), а то как вы ведите на скрине заданные слова становятся труднопрочитаемыми, из-за того что заходят на другие слова.


Поставьте в HTML верх вместо вашего кода

<style>
div .splLink {width: 170px; height: 70px; font-weight: bold; background: transparent; }
.spll {width: 150px; height: 65px; }
.spll div .splCont {height: auto; width: 200px; background: #цвет; padding: 5px; z-index: 1000;  border: 1px solid #020000; font-size: 12px; text-align: center;}
</style>

Такой

Код:
<style> /* Стиль всплывающего меню */
h2 span {display: none!important; }
div .splLink {width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

div .splCont {background-color: #FFE9E4!important; background-image: url(http://s001.radikal.ru/i194/1009/0b/6bac13263a76.png); 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #8B6C52;
    -webkit-box-shadow:0px 5px 14px #8B6C52;
    -khtml-box-shadow:0px 5px 14px #8B6C52;
    -moz-box-shadow:0px 5px 14px #8B6C52;
    /*text-shadow: #FFFFFF 1px 1px 4px !important;
    color: #color: #000000 !important;*/
    }
 /* Прозрачка в Всплывающем меню */
.spll div .splCont:first-letter {
    font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
    font-size: 200% !important; /* Размер шрифта первого символа */
    color: red; /* Красный цвет текста */
   } /* Конец Стиля всплывающего меню */
</style>

Отредактировано Deff (2011-01-08 11:44:07)

0

9

Яна_Ясная написал(а):

Почему в этой строчке повторяется низ шапки? Как это убрать точнее.


Ищите во втором окне стиля :

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: #fff url('http://s002.radikal.ru/i198/1101/41/3150b962ef05.jpg') no-repeat bottom center ;
  color: #000000;
  }

Убирайте запись красным

Яна_Ясная написал(а):

Как можно поставить такие слова, чтобы нажимая на них открывалась заданная ссылка. (в данном случае страница сюжета)


В пояснение к форуму вписываете такую строку

<a href="Адрес сcылки на нужную тему">Наименование Ссылки</a>

Отредактировано Deff (2011-01-08 12:02:18)

0

10

Deff

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

Яна_Ясная написал(а):
как сделать чтобы фон был однотонный а не прозрачный ( в данном случае цвет #FFE9E4), а то как вы ведите на скрине заданные слова становятся труднопрочитаемыми, из-за того что заходят на другие слова.

Поставьте в HTML верх вместо вашего кода
<style>
div .splLink {width: 170px; height: 70px; font-weight: bold; background: transparent; }
.spll {width: 150px; height: 65px; }
.spll div .splCont {height: auto; width: 200px; background: #цвет; padding: 5px; z-index: 1000;  border: 1px solid #020000; font-size: 12px; text-align: center;}
</style>
Такой
Выделить код
<style> /* Стиль всплывающего меню */
h2 span {display: none!important; }
div .splLink {width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

div .splCont {background-color: #FFE9E4!important; background-image: url(http://s001.radikal.ru/i194/1009/0b/6bac13263a76.png);
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #8B6C52;
    -webkit-box-shadow:0px 5px 14px #8B6C52;
    -khtml-box-shadow:0px 5px 14px #8B6C52;
    -moz-box-shadow:0px 5px 14px #8B6C52;
    /*text-shadow: #FFFFFF 1px 1px 4px !important;
    color: #color: #000000 !important;*/
    }
/* Прозрачка в Всплывающем меню */
.spll div .splCont:first-letter {
    font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
    font-size: 200% !important; /* Размер шрифта первого символа */
    color: red; /* Красный цвет текста */
   } /* Конец Стиля всплывающего меню */
</style>
Отредактировано Deff (Сегодня 11:44:07)

оооо большое спасибо, но вот при этом эффекте верхняя строка со словами форум, участники, правила и т.д сильно подпрыгнула
http://s015.radikal.ru/i331/1101/e0/d22b44f87617.jpg
можно ли этого избежать?

0

11

h2 span {display: none!important; }

Уберите эту строку

0

12

спасибо большое

0

13

здравствуйте, подскажите пожалуйста, как можно убрать
http://radikal.ua/data/upload/04012/4efc3/6a2472dbbf.jpg
вот эти рамки с двух сторон?
заранее благодарна

0

14

Яна_Ясная
Какой темой пользовались для создания этого фона?

0

15

можете объяснить, что в данной ситуации является темой?

0

16

Яна_Ясная
Ну где брали код на вставку такого фона? Тут?
Стиль. Шапка с фоном - едины

0

17

Toshiro-kun
в точку, там.

0

18

Яна_Ясная

Находите в структуре

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }
/* D1.2 */
#pun-title h1 {
  display : block;
  height : 320px;
  padding: 2em 1em 0 1em;
  }

Выделенное меняете на 0

+1

19

Toshiro-kun
вы как всегда прекрасны, чтобы такие чайники, как я, делали без вас

0

20

http://s54.radikal.ru/i145/1102/c9/59521a044a31.jpg
как можно изменить контуры кода на чёрный пунктир, а слова тоже на, допустим, чёрный цвет?

Отредактировано Яна_Ясная (2011-02-14 16:40:34)

0


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Пару вопрос по дизайну.


Рейтинг форумов | Создать форум бесплатно