Всем добрый день!
1. Я так поняла, что создать подобную основу дизайна (фон, лого на всю ширину страницы, цвет самого форума и закругленные края форума) можно только при помощи фотошопа. Рисовала. Ставила в css полную прозрачность форума, но даже приблизительного не получалось. Помогите. Очень хочется добиться подобного эффекта. Может быть, я что-то неправильно делаю? Посоветуйте хоть что-нибудь. Любой помощи буду рада))
2. Можно ли убрать стандартное лого mybb или заменить его? Желательно было бы, конечно, убрать его совсем, но если такое невозможно, то хоть заменить своей картинкой. Если такое возможно - то как?
Буду очень благодарна тому, кто поможет. У самой уже мозг вскипает от всяких буковок на мониторе 
Проблема с дизайном
Страница: 1
Сообщений 1 страница 13 из 13
Поделиться1Чт, 12 Янв 2012 15:11:40
Поделиться2Чт, 12 Янв 2012 15:25:45
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:10:52
Поделиться3Чт, 12 Янв 2012 15:56:51
Deff
Спасибо огромное!
Так, пока вроде бы все понятно. Если какие-нибудь вопросы будут - я буду писать их сюда, чтобы не засорять форум))
Поделиться4Сб, 14 Янв 2012 10:59:58
Здравствуйте))
Снова пара вопросов. Поиск на это ничего не находит, поэтому спрашиваю здесь.
1. Как изменить изображение категорий и поставить название посередине? То есть как изменить эту полоску?
2. На страницу переадресации поставила свою картинку. Но цвет ссылок остается синим, как при стандарте. Существует ли код, который может изменить это?
Отредактировано In (Сб, 14 Янв 2012 11:00:58)
Поделиться5Сб, 14 Янв 2012 18:57:23
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
In
Здравствуйте.
In написал(а):
1. Как изменить изображение категорий и поставить название посередине? То есть как изменить эту полоску?
Тут две полосы вместе. Для заголовков категорий:
<style type="text/css">
.category h2 {
background: red url(Адрес изображения) repeat;
text-align: center;
padding: 1.5em 0.5em !important;
}
</style>
Высота заголовков выделена красным, если её нужно изменить...
Это для заголовков колонок таблицы:
<style type="text/css">
#pun-index th {
background: red url(Адрес изображения) repeat;
}
</style>
In написал(а):
2. На страницу переадресации поставила свою картинку. Но цвет ссылок остается синим, как при стандарте. Существует ли код, который может изменить это?
У Вам во втором окне стиля должен быть пункт "CS3 Links". В нём:
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #3e3e3e;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: underline;}
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #3e3e3e;
border-bottom: 0px none #000;
text-decoration: underline;
}
красное - цвет ссылок в обычном состоянии, зелёное - при наведении. Код у Вас может несколько отличаться.
Поделиться6Сб, 14 Янв 2012 19:22:50
rps
Спасибо 
Поделиться7Пн, 23 Янв 2012 13:43:34
Снова здравствуйте
Как в профиле создать подобное?
Пробовала через дополнительные поля профиля. Выбирала многострочный вариант, но ничего не получилось. Похоже не вдупляюсь куда-то. Объясните, как такое сделать?
Поделиться8Пн, 23 Янв 2012 13:57:06
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:10:52
In
Не делайте много строчный
Это однострочный - текст справо, закрыты от редактирования всеми, кроме модеров - админов
И наверно вставлена таблица
<table><tr>
<td>ячейка 1</td><td>ячейка 2</td>
</tr><tr><td>ячейка 3</td><td>ячейка 4</td>
</tr></table>
Поделиться9Пн, 23 Янв 2012 14:16:52
Deff
Нет, получается не так. Ерунда выходит.
На картинке, которую я скинула сюда, текста много и, как я поняла, два дополнительных поля. Если вставлять текст в таблицу, которую вы указали, не вмещается.
Поделиться10Пн, 23 Янв 2012 18:30:48
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
In
Во-первых, нужно выбирать "Текстовое поле", только в нём работает ХТМЛ-код, во-вторых, нужно запретить заполнение поля пользователем и вывод его на странице регистрации.
А ещё код нужно писать в одну строчку:
Код:
<table><tr><td>ячейка 1</td><td>ячейка 2</td></tr><tr><td>ячейка 3</td><td>ячейка 4</td></tr></table>
Хотя в Вашем случае я бы просто делал перенос на новую строку тегом <br />.
Поделиться11Пн, 23 Янв 2012 18:57:22
rps
Спасибо))
И еще вопрос, если можно. Как поставить картинки в главное меню форума? То есть "форум", "участники", "поиск" и тд.?
Поделиться12Пн, 23 Янв 2012 19:36:56
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
In
В ХТМЛ-низ:
Код:
<script>
<!--
indexof="<img src='ссылка на картинку' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
userof="<img src='ссылка на картинку' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
pravilof="<img src='ссылка на картинку' />"
str = document.getElementById("navrules").innerHTML
pos = str.indexOf("Правила")
document.getElementById("navrules").innerHTML=str.substring(0,pos)+pravilof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
findof="<img src='ссылка на картинку' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
faseof="<img src='ссылка на картинку' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='ссылка на картинку' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='ссылка на картинку' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='ссылка на картинку' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='ссылка на картинку' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='ссылка на картинку' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1)
-->
</script>Поделиться13Вт, 24 Янв 2012 06:54:46
rps
Благодарю)
Страница: 1