Просто дать ссылку на уроки для создания дизайна для ролевой или же объяснить и дать советы.
Кто может помочь с составлением диза?
Сообщений 1 страница 30 из 31
Поделиться22010-10-27 13:37:57
Ючия
Здраствуйте!
Вот конечно берите-уроки по созданию дизайна
P.S.-Только для этого нужен фотошоп
Отредактировано ◌●Персик●◌ (2010-10-27 13:38:51)
Поделиться32010-10-27 13:48:10
Огромное спасибо!
Это то что нужно)
домо аригато
Поделиться42010-10-27 14:46:15
Ючия
Да незачто)) !
Поделиться52010-10-27 14:49:40
Да незачто))
а вы не знаете как сделать так что бы вот у меня меню стало прозрачным что ли, но что бы картинка задняя хоть как то виднелась?
http://newworld1.rusff.me/
Отредактировано Ючия (2010-10-27 14:50:37)
Поделиться62010-10-27 15:11:57
Ючия
А Вы не моглибы подождать немножко,сейчас скажу.
Поделиться72010-10-27 15:16:27
Ючия
Это что-ли Gif?
Если да то держите,а если нет то сейчас ещё посмотрю.
Как сделать прозрачный GIF
Поделиться82010-10-27 15:16:47
А Вы не моглибы подождать немножко,сейчас скажу.
да конечно
это ведь в моих целях ^ _ ^
Поделиться92010-10-27 15:18:43
Ючия
Вот сейчас рыскала,нашла скрипт:
Вот попробуйте,может получится-
<script language=JavaScript src="full.js" type=text/javascript></SCRIPT> <script language=JavaScript1.2 src="mm_menu.js"></SCRIPT> <script language=JavaScript1.2>mmLoadMenus();</SCRIPT>
На страницу,что-ли вставлять надо...
Отредактировано ◌●Персик●◌ (2010-10-27 15:20:26)
Поделиться102010-10-27 15:29:32
??Персик??
пасиб *_*
Отредактировано Ючия (2010-10-27 15:30:40)
Поделиться112010-10-27 15:31:09
На страницу,что-ли вставлять надо...
куда? 0_0
Поделиться122010-10-27 15:32:53
Ючия
Тьфу,не так написала.
Где рыскала написано в HTML, вверх или вниз не поняла.
Поделиться132010-10-27 15:34:37
Тьфу,не так написала.Где рыскала написано в HTML, вверх или вниз не поняла.
а ну я туда кинула, а эффекта ноль...
Поделиться142010-10-27 15:38:43
Ючия
Я тогда у Вас сейчас зарегистрируюсь,под "Персик",Вы мне доступ в Админку дайте.
Поделиться152010-10-27 15:39:53
Я тогда у Вас сейчас зарегистрируюсь,под "Персик",Вы мне доступ в Админку дайте.
оки)
Поделиться162010-10-27 15:41:24
Вы куда в вверх ставили?
Поделиться172010-10-27 15:43:10
Ючия
Так Вы и туда и туда ставили?
Давайте я попробую у Вас из вверха удалить?
Поделиться182010-10-27 15:45:26
Ючия
Да скрипт 0.Сейчас новый сделаю!
Поделиться192010-10-27 15:45:55
Так Вы и туда и туда ставили?Давайте я попробую у Вас из вверха удалить?
давайте)
А может вы сделаете то что считаете нужным?
я думаю так проще будет...
Поделиться202010-10-27 15:49:23
Ючия
Во первых пожалуйста,так как у Вас форум rusff необходимо зарегистрироваться тут-http://support.rusff.me/,это техническая поддержка сервиса rusff
Поделиться212010-10-27 15:55:16
Ючия
Пожалуйста,отройте где нибуть "адрес в радикале на Вашу фоновую картинку"
Поделиться222010-10-27 15:57:59
адрес в радикале на Вашу фоновую картинку
Поделиться232010-10-27 15:58:43
Ючия
Всё,ставлю код,думаю должно заработать!
Поделиться242010-10-27 15:59:48
Всё,ставлю код,думаю должно заработать!
надеюсь)
Поделиться252010-10-27 16:03:05
Стиль страницы:
<style type="text/css"> HTML, BODY {background-color: #FFFF33; background-image: url("http://forum.mybb.ru/viewtopic.php?pid=44#p44.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: top center;} #pun {background-color: transparent; width: 76%;} #pun-title table {background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/header.gif); height : 132px; } #pun-title .title-logo {background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/logo.gif); background-repeat : no-repeat; height : 132px; } #pun-title .title-logo span {display: none;} #pun-navlinks .container { padding-top : 4px; background-color : #C0C0C0; background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/menu.gif); font-weight: bold; text-align: center; } #pun-navlinks a:link, #pun-navlinks a:visited, #pun-navlinks a:link span, #pun-navlinks a:visited span {color: green;} #pun-navlinks a:hover, #pun-navlinks a:hover span { color: red; #pun-ulinks .container { background-color : #00FFFF !important; } #pun-ulinks a { color : #00FFFF } #pun-announcement h2 {background-color: #FF0000; color: red} #pun-status .container { color : red; background-color : #9900CC; } #pun-crumbs1 .container, #pun-crumbs2 .container{ color : red; background-color : #00FFFF !important; } </style>
1. Основной фон(Скрин 1, элемент 1)
Код:
HTML, BODY {...}Пример:
Код:
<style type="text/css">
HTML, BODY {background-color: #FFFF33; background-image: url("http://forum.mybb.ru/viewtopic.php?pid=44#p44.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: top center;}
</style>Если не отображается фоновая картинка делаете так пример(ссылка Ваша на картинку, спасибо Lion):
Код:
<style type="text/css">
HTML, BODY {background-image: url("http://m.foto.radikal.ru/0704/15/f6d7a1fb3c3d.jpg")!important; background-repeat: repeat !important;}
</style>2. Фон под таблицами(Скрин 1, элемент 2)
Вы можете ззаметить, что под таблицами располагается дополнительный фон. Он заполняет промежутки между таблицами форума. Проще всего сделать его прозрачным, чтобы из-под него выглядывал основной фон и форум был в одном стиле. Также его ширина отвечает за ширину всех таблиц форума.
Код:
#pun {...}Пример:
<style type="text/css">
#pun {background-color: transparent; width: 76%;}
</style>
3. Шапка форума(Скрин 1, элемент3)
Шапка - это таблица, на которой расположены логотип форума и баннер. Баннер мы не под каким видом трогать не можем. Мы можем оформить таблицу под логотип и расширить ее.
Код:
#pun-title table {...}Пример:
<style type="text/css">
#pun-title table {background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/header.gif);
height : 132px;
}
</style>
4. Логотип форума(Скрин 1, элемент4)
Код:
#pun-title .title-logo {...}Пример:
Код:
<style type="text/css">
#pun-title .title-logo {background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/logo.gif);
background-repeat : no-repeat; height : 132px;
}
</style>Если из под логотипа выглядывает название форума текстом введите
<style type="text/css">
#pun-title .title-logo span {display: none;}
</style>
4. Меню навигации(Скрин 1, элемент 5)
Код:
#pun-navlinks .container {...}Пример:
Код:
<style type="text/css">
#pun-navlinks .container {
padding-top : 4px; background-color : #C0C0C0;
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/menu.gif);
font-weight: bold;
text-align: center;
}
</style>ВАЖНО: если вы хотите изменить внешний вид ссылок внутри какого-лиюбо элемента, достаточно в коде после названия элемента добавить букву a . Это изменитт вид ссылки во всех состояниях
В нашем случае это будет выглядеть так
Код:
#pun-navlinks a {color: #FF0000;}Можно также поставить разное оформление для ссылки в нормальном состоянии, после посещения и при наведении, добавляя вместо a
a:link - для нормальной ссылки
a:visited - для ссылки после посещения
a:hover - для ссылки при наведении мышкой
Пример:
Код:
<style type="text/css">
#pun-navlinks a:link, #pun-navlinks a:visited {color: green;}
#pun-navlinks a:hover {
color: red;
}
</style>Этот код сделает ссылки в навигации до и после посещения зелеными, а при наведении - красными.
Так как ссылки в меню навигации специфичны, полный код для них будет выглядеть так
Код:
<style type="text/css">
#pun-navlinks a:link, #pun-navlinks a:visited, #pun-navlinks a:link span, #pun-navlinks a:visited span {color: green;}
#pun-navlinks a:hover, #pun-navlinks a:hover span {
color: red;
}
</style>Вряд ли вам понадобится оформлять все ссылки по-разному, но на всякий случай вот их специфические коды:
- Форум
Код:
li#navindex a span {...}- Чат
Код:
li#navextra1 a {...}- Участники
Код:
li#navuserlist a span {...}- Поиск
Код:
li#navsearch a span {...}- Профиль
Код:
li#navprofile a span {...}- Сообщения
Код:
li#navpm a span {...}- Администрирование
Код:
li#navadmin a span {...}- Выход
Код:
li#navlogout a span {...}6. Пользовательские ссылки(Скрин 1, элемент 6)
Код:
#pun-ulinks .container {...}Пример:
Код:
<style type="text/css">
#pun-ulinks .container {
background-color : #00FFFF !important;
}
</style>Ссылки:
Код:
<style type="text/css">
#pun-ulinks a {
color : #00FFFF
}
</style>7. Заголовок объявления(Скрин 1, элемент 7)
Код:
#pun-announcement h2 {...}Пример:
Код:
<style type="text/css">
#pun-announcement h2 {background-color: #FF0000; color: red}
</style>8. Объявление(Скрин 1, элемент 8)
Код:
#pun-announcement .container {...}9. Окно статуса(Скрин 1, элемент 9)
Код:
#pun-status .container {...}Пример:
Код:
<style type="text/css">
#pun-status .container { color : red;
background-color : #9900CC;
}
</style>10. Название форума(Скрин 1, элемент 10)
Код:
#pun-crumbs1 .container {
...}Пример:
Код:
<style type="text/css">
#pun-crumbs2 .container {
color : red; background-color : #00FFFF !important;
}
</style>
Отредактировано ◌●Персик●◌ (2010-10-27 16:03:49)
Поделиться262010-10-27 16:10:48
Ючия
Стиль страницы:
<style type="text/css"> HTML, BODY {background-color: #FFFF33; background-image: url("http://forum.mybb.ru/viewtopic.php?pid=44#p44.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: top center;} #pun {background-color: transparent; width: 76%;} #pun-title table {background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/header.gif); height : 132px; } #pun-title .title-logo {background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/logo.gif); background-repeat : no-repeat; height : 132px; } #pun-title .title-logo span {display: none;} #pun-navlinks .container { padding-top : 4px; background-color : #C0C0C0; background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/menu.gif); font-weight: bold; text-align: center; } #pun-navlinks a:link, #pun-navlinks a:visited, #pun-navlinks a:link span, #pun-navlinks a:visited span {color: green;} #pun-navlinks a:hover, #pun-navlinks a:hover span { color: red; #pun-ulinks .container { background-color : #00FFFF !important; } #pun-ulinks a { color : #00FFFF } #pun-announcement h2 {background-color: #FF0000; color: red} #pun-status .container { color : red; background-color : #9900CC; } #pun-crumbs1 .container, #pun-crumbs2 .container{ color : red; background-color : #00FFFF !important; } </style>
Находите такое:
<style type="text/css"> HTML, BODY {background-image: url("http://m.foto.radikal.ru/0704/15/f6d7a1fb3c3d.jpg")!important; background-repeat: repeat !important;} </style>
Там:
[color=red]("http://m.foto.radikal.ru/0704/15/f6d7a1fb3c3d.jpg")[/colorТо что красным замените на фоновую картинку кодом в радикале.
]
Отредактировано ◌●Персик●◌ (2010-10-27 16:11:53)
Поделиться272010-10-27 16:10:55
эм....
Поделиться282010-10-27 16:12:17
Ючия
Сейчас сделаю
Поделиться292010-10-27 16:59:03
??Персик?? написал(а):Я тогда у Вас сейчас зарегистрируюсь,под "Персик",Вы мне доступ в Админку дайте.оки)
вы всегда первому попавшемуся человеку даете права админа? вы не читали правила? нэ? Можно и форума лишится, даже если он не специально что-нибудь наделает не то.
Что вы хотите? прозрачность на форум? точнее на тело, так?
<style type="text/css"> .category .container {background-color: url() !important; } .punbb td.tcl, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr{ background: url(); } .punbb .section .container,.punbb .post-body,.punbb .post-links,.punbb .formal fieldset .post-box,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .info-box,.punbb #pun-main .info-box .legend,.punbb .main .container,.punbb .post .container,.punbb .post h3, #pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-title .container,.punbb .modmenu .container,#pun-navlinks .container,.punbb th,.punbb .post h3 span,#pun-main fieldset legend span,.punbb textarea, .punbb .quote-box, .punbb .code-box, #pun-crumbs2 .container, #pun-about .container, .punbb .section .formal .container, .punbb .altstyle h3, .punbb .altstyle .container, #pun-navlinks .container, #pun-ulinks .container, #profilenav h2 span, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr, #viewprofile li strong, #pun-title h1, #pun-stats div.statscon, #viewprofile li div, #setmods dd,.punbb #pun-main .info-box .legend, .punbb .post-links, .punbb .formal fieldset, .punbb .post-body, .post-box, .punbb .altstyle .post-links, .punbb .altstyle .post-body, .altstyle .post-box, .punbb th, .punbb legend span, .punbb .post h3 span, .punbb .altstyle h3 span, #viewprofile h2 span{ background: transparent none !important; </style>
из-за масштабности флудных сообщений мог и ошибиться в вашей просьбе, уточните пожалуйста.
Поделиться302010-10-29 11:57:14
спасибо