Хотела оформить дизайн форума по своему вот только незнаю, как можно в стили вставить картинку и чтобы было что то на подобе как у форума моей подруги, она не хочет раскрывать секрет как она такой стиль сделала( что конкуренция=) ) вот ссылка на её форум хочу сделать типо её дизайна только картинки другие - http://texnature.mybb.ru/viewtopic.php?id=196
Плиз помогите)
Оформление
Сообщений 1 страница 20 из 28
Поделиться1Чт, 11 Авг 2011 14:54:36
Поделиться2Чт, 11 Авг 2011 15:25:33
Помогите!!
Поделиться3Чт, 11 Авг 2011 15:29:48
Катя97 Поставьте для начала данный стиль > Общие вопросы по оформлению (35) пост 149 - потом подправим под Ваши рисунки
Поделиться4Чт, 11 Авг 2011 15:39:09
Deff
Извиняюсь за тупой вопрос, а куда ставить эти коды,нужно в стили вставлять?
Поделиться5Чт, 11 Авг 2011 15:40:33
1 код в структуру а второй в цвета?
Поделиться6Чт, 11 Авг 2011 15:45:11
Deff
я вставила а что с картинками делать?
Поделиться7Чт, 11 Авг 2011 15:48:02
я вставила а что с картинками делать?
Ссылку на форум и Выложите картинки и схему или эскиз куды их ставить
Отредактировано Deff (Чт, 11 Авг 2011 15:48:27)
Поделиться8Чт, 11 Авг 2011 15:53:40
Хорошо, и ещё у меня таблица чуть чуть не входит. вот ссылка на форум - http://jiguar.mybb.ru/
Поделиться9Чт, 11 Авг 2011 15:56:27
http://www.xrest.ru/images/collection/0 … iginal.jpg внизу под всем форумом
ВВерху на месте льва http://img-novosib.fotki.yandex.ru/get/ … d694de3_XL
Отредактировано Катя97 (Чт, 11 Авг 2011 16:00:14)
Поделиться10Чт, 11 Авг 2011 15:59:42
http://img.videla.ru/les_zimoj/2/25.jpg - это вместо фона
Поделиться11Чт, 11 Авг 2011 16:01:30
Deff
Вроде всё скинула
Поделиться12Чт, 11 Авг 2011 16:26:11
и ещё у меня таблица чуть чуть не входит.
Замените Код Таблицы:
<table width="98%" cellspacing="0" cellpadding="0" border="1"> <tr> <td colspan="3" align="center"> <marquee behavior="scroll" direction="left" width="96%" height="40" loop="0" scrollamount="3" scrolldelay="2" style="margin: 12px 3px auto 8px;" onMouseOver="this.stop()" onMouseOut="this.start()"> <script type="text/javascript"> var h=(new Date()).getHours(); if (h > 23 || h <7) {a='Привет лунатикам! ' } if (h > 6 && h < 12) {a='Доброе утро! Как спалось? '} if (h > 11 && h < 19) {a='Добрый день!'} if (h > 18 && h < 24) {a='Привет! Уже вечер...'} var arre=document.getElementsByTagName("h2") var f=0 for (f=0; f<=(arre.length-1); f++) {if (arre[f].innerHTML.indexOf("Объявление")!=-1) {arre[f].innerHTML=a}} </script> Рады тебя здесь видеть, тебе обязательно у нас понравиться, если ты просто гость и не хочешь регистрироваться у нас, то просто оставь в гостевой книге отзыв, если же ты хочешь присоединится в наши ряды то жми регистрация и приглашай к нам своих друзей, мы будем рады видеть тебя на нашем форуме! </marquee> </td> </tr> <tr> <td width="25%" align="center" valign="top" height="230"> <font size="3"><strong>Администрация:</strong></font><br> Главный админ:Дериа Админ:Рокси ник ник(набираем админов) <br><br><br><font size="3"><strong>Модераторы:</strong></font><br> Дарк ник ник ник (В данный момент идёт набор модераторов) <br><br><br><font size="3"><strong>Квестоплеты:</strong></font><br> ник ник ник <br> ник ник ник </td> <td rowspan="3" width="50%"> <!-- Вложенная таблица по центру --> <table width="100%" height="480" cellspacing="0" cellpadding="0" border="1" frame="void"> <tr> <td colspan="2" align="center" height="336"> <!-- Центральная картинка --> <img src="Звери_%20Жизнь%20за%20пределами%20городов....mht_files/acfd03b7.jpg" alt="" border="0" align="middle" style="width: 100%;"> </td> </tr> <tr> <td width="30%" align="center" valign="top" height="144"> <font size="3"><strong>Время и погода:</strong></font><br> Становится все теплее и теплее. Летние ветра во всю дуют в нашем лесу. В саваннах ещё жарче, даже некоторые реи подсохли. Жизнь зверей становится легче, дичи все больше, ночи короче, дни теплее. Сейчас на форуме день, около полудня </td> <td width="70%" align="center" valign="top"> <font size="3"><strong>Информация:</strong></font><br> текст текст текст </td> </tr> </table> <!-- Конец вложенной таблицы по центру --> </td> <td width="25%" align="center" valign="top" height="230"> <font size="3"><strong>События:</strong></font> <div style="width: 98%; height: 200px; overflow: auto; overflow-x: hidden; padding: 1px;"> На нашем форуме появилась новая стая "Серые псы". Вожаком этой стаи является белый волк Айс. Что касается форума, то мы пытаемся изменить его в лучшую сторону. Пожелания принимаем в специальную созданную тему Советы в тех. разделе. </div> </td> </tr> <tr> <td width="25%" align="center" valign="top" height="110"> <font size="3"><strong>Краткий сюжет:</strong></font> <div style="width: 98%; height: 76px; overflow: auto; overflow-x: hidden; padding: 1px;"> текст текст текст автоматическое появление прокрутки </div> </td> <td rowspan="2" width="25%" align="center" valign="top"> <font size="3"><strong>Важные ссылки:</strong></font><br> <div align="left" style="padding-left: 3px;"> - <a href="http://jiguar.mybb.ru/viewforum.php?id=3">Важно</a><br> - <a href="http://jiguar.mybb.ru/viewforum.php?id=2">Технический раздел</a><br> - <a href="http://jiguar.mybb.ru/viewforum.php?id=19">Регистрация</a><br> - <a href="http://jiguar.mybb.ru/viewforum.php?id=37">Поиск...</a><br> - <a href="http://jiguar.mybb.ru/viewforum.php?id=1">Гостям сюда</a><br> - <a href="http://jiguar.mybb.ru/viewforum.php?id=22">Наш журнал</a><br></div> </td> </tr> <tr> <td width="25%" align="center" valign="top" height="140"> <font size="3"><strong>Баннеры:</strong></font><br><br> <marquee behavior="scroll" direction="left" width="96%" height="60" loop="0" scrollamount="3" scrolldelay="2" style="margin: 12px 3px auto 8px;" onMouseOver="this.stop()" onMouseOut="this.start()"> </marquee> </td> </tr> </table>
Поделиться13Чт, 11 Авг 2011 16:31:16
теперь с таблицей всё в порядке
Поделиться14Чт, 11 Авг 2011 16:33:06
Волки вместо льва - Замените код в Конце второго Окна стиля
#pun-title .title-logo {
background-image : url(http://savepic.net/1787455.jpg);
background-repeat : no-repeat;
height : 450px;
background-position: center top;
}
Поделиться15Чт, 11 Авг 2011 16:36:08
теперь с таблицей всё в порядке
Хм..
Еще раз поменяйте код таблички..
<table width="98%" cellspacing="0" cellpadding="0" border="1"> <tr> <td colspan="3" align="center"> <marquee behavior="scroll" direction="left" width="96%" height="40" loop="0" scrollamount="3" scrolldelay="2" style="margin: 12px 3px auto 8px;" onMouseOver="this.stop()" onMouseOut="this.start()"> <script type="text/javascript"> var h=(new Date()).getHours(); if (h > 23 || h <7) {a='Привет лунатикам! ' } if (h > 6 && h < 12) {a='Доброе утро! Как спалось? '} if (h > 11 && h < 19) {a='Добрый день!'} if (h > 18 && h < 24) {a='Привет! Уже вечер...'} var arre=document.getElementsByTagName("h2") var f=0 for (f=0; f<=(arre.length-1); f++) {if (arre[f].innerHTML.indexOf("Объявление")!=-1) {arre[f].innerHTML=a}} </script> Рады тебя здесь видеть, тебе обязательно у нас понравиться, если ты просто гость и не хочешь регистрироваться у нас, то просто оставь в гостевой книге отзыв, если же ты хочешь присоединится в наши ряды то жми регистрация и приглашай к нам своих друзей, мы будем рады видеть тебя на нашем форуме! </marquee> </td> </tr> <tr> <td width="25%" align="center" valign="top" height="230"> <font size="3"><strong>Администрация:</strong></font><br> Главный админ:Дериа Админ:Рокси ник ник(набираем админов) <br><br><br><font size="3"><strong>Модераторы:</strong></font><br> Дарк ник ник ник (В данный момент идёт набор модераторов) <br><br><br><font size="3"><strong>Квестоплеты:</strong></font><br> ник ник ник <br> ник ник ник </td> <td rowspan="3" width="50%"> <!-- Вложенная таблица по центру --> <table width="100%" height="480" cellspacing="0" cellpadding="0" border="1" frame="void"> <tr> <td colspan="2" align="center" height="336"> <!-- Центральная картинка --> <img src="http://savepic.net/1828414.jpg" alt="" border="0" align="middle" style="width: 100%;"> </td> </tr> <tr> <td width="30%" align="center" valign="top" height="144"> <font size="3"><strong>Время и погода:</strong></font><br> Становится все теплее и теплее. Летние ветра во всю дуют в нашем лесу. В саваннах ещё жарче, даже некоторые реи подсохли. Жизнь зверей становится легче, дичи все больше, ночи короче, дни теплее. Сейчас на форуме день, около полудня </td> <td width="70%" align="center" valign="top"> <font size="3"><strong>Информация:</strong></font><br> текст текст текст </td> </tr> </table> <!-- Конец вложенной таблицы по центру --> </td> <td width="25%" align="center" valign="top" height="230"> <font size="3"><strong>События:</strong></font> <div style="width: 98%; height: 200px; overflow: auto; overflow-x: hidden; padding: 1px;"> На нашем форуме появилась новая стая "Серые псы". Вожаком этой стаи является белый волк Айс. Что касается форума, то мы пытаемся изменить его в лучшую сторону. Пожелания принимаем в специальную созданную тему Советы в тех. разделе. </div> </td> </tr> <tr> <td width="25%" align="center" valign="top" height="110"> <font size="3"><strong>Краткий сюжет:</strong></font> <div style="width: 98%; height: 76px; overflow: auto; overflow-x: hidden; padding: 1px;"> текст текст текст автоматическое появление прокрутки </div> </td> <td rowspan="2" width="25%" align="center" valign="top"> <font size="3"><strong>Важные ссылки:</strong></font><br> <div align="left" style="padding-left: 3px;"> - <a href="http://jiguar.mybb.ru/viewforum.php?id=3">Важно</a><br> - <a href="http://jiguar.mybb.ru/viewforum.php?id=2">Технический раздел</a><br> - <a href="http://jiguar.mybb.ru/viewforum.php?id=19">Регистрация</a><br> - <a href="http://jiguar.mybb.ru/viewforum.php?id=37">Поиск...</a><br> - <a href="http://jiguar.mybb.ru/viewforum.php?id=1">Гостям сюда</a><br> - <a href="http://jiguar.mybb.ru/viewforum.php?id=22">Наш журнал</a><br></div> </td> </tr> <tr> <td width="25%" align="center" valign="top" height="140"> <font size="3"><strong>Баннеры:</strong></font><br><br> <marquee behavior="scroll" direction="left" width="96%" height="60" loop="0" scrollamount="3" scrolldelay="2" style="margin: 12px 3px auto 8px;" onMouseOver="this.stop()" onMouseOut="this.start()"> </marquee> </td> </tr> </table>
Поделиться16Чт, 11 Авг 2011 16:36:08
Сделала
Поделиться17Чт, 11 Авг 2011 16:39:35
таблица готова
Поделиться18Чт, 11 Авг 2011 16:58:11
Катя97 Вот этот код , в Конец второго Окна стиля
#pun_wrap {
background: url(http://savepic.net/1798706.jpg) center top repeat;
}
Отредактировано Deff (Чт, 11 Авг 2011 17:10:20)
Поделиться19Чт, 11 Авг 2011 17:03:17
не могу найти где это...
Поделиться20Чт, 11 Авг 2011 17:10:58
Катя97
Я чуть подправил код - Ничо не меняем - это добавляем - просто вставьте в конец второго Окна
Отредактировано Deff (Чт, 11 Авг 2011 17:13:49)