Вопросы по дизайну форумов

Поделиться241Пт, 5 Ноя 2010 03:55:17

Автор: Haneko
Заслуженный
Зарегистрирован: Сб, 8 Авг 2009
Сообщений: 75
Уважение: +1
Позитив: +19
Пол: Женский
Последний визит:
Пт, 17 Апр 2015 00:55:47

TheK
Тьфу, 211 хД Сори)

Поделиться242Пт, 5 Ноя 2010 08:16:20

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

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

P.S. Должно быть вот так - http://www.ipicture.ru/uploads/101105/Uy39R2ukhN.jpg (как видят админы), только первой категории не видят остальные... надеюсь, понятно объяснила.
Заранее спасибо.

1. Можно поставить скрытые категории в самый конец форума(и поправить в коде измененные номера категорий) или откройте в ней безобидный форум видный гостям
2. Можно попробовать использовать Скрипт, а не сss установки планок картинок под категории по именам, а не номеру

http://forum.mybb.ru/viewtopic.php?id=24229#p614890

Отредактировано Deff (Пт, 5 Ноя 2010 08:35:50)

+1

Поделиться243Пт, 5 Ноя 2010 08:44:23

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

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

Скажите пожалуйста, а как в этой табличке, в первом выплывающем окошке убрать бегущий текст?Форум: enarya.rolebb.ru

А можно так Впереди постоянный текст, чуть ниже бегущий( сводка новостей типо, банеры опять же можно): (* если бегущий текст не нужен, просто там ничо не пишем

...
<div class="spll"><DIV jQuery1259073801391="4"><div class="Mybutton" alt="Новости"><img class="Myimage" src='http://savepic.net/122248.png' onMouseOver="part1ON(),this.src='http://savepic.net/101768.png'" onMouseOut="part1OFF(),this.src='http://savepic.net/122248.png'" href="javscript://" jQuery1259073801391="2"/></div>

<div class=divContent jQuery1259073801391="5" id="part1" style="DISPLAY: none; position: absolute;" onMouseOver="part1ON()" onMouseOut="part1OFF()">


Тут постоянный неподвижный текст Тут постоянный неподвижный текст
Тут постоянный неподвижный текст Тут постоянный неподвижный текст



<div align="left" width="210" style="margin: 7px; height: 175px; padding;0; overflow-y: auto; overflow: hidden;" >
<marquee id="abs" height="100%" direction="up" behavior="scroll" scrolldelay="143" scrollamount="1" onmouseout="document.all.abs.start()" onmouseover="document.all.abs.stop()">
<div align="left" class='lipsum' style="width:90%; margin-left: 17px; ">



Гости регистрируйтесь!Не упустите свой шанс.Идёт активный набор персонала, по всем вопросам в личку админам или в специальную для этого тему, то есть в Техническое оснащение!


[color=blue]...
[/color]

Отредактировано Deff (Пт, 5 Ноя 2010 08:45:27)

0

Поделиться244Пт, 5 Ноя 2010 10:13:43

Автор: Pigalle
Заслуженный
Зарегистрирован: Вс, 25 Апр 2010
Сообщений: 133
Уважение: +3
Позитив: +45
Пол: Женский
Последний визит:
Чт, 1 Дек 2016 15:52:53

Deff
Спасибо большое, уже в который раз)

_________________
Прошу прощения... но речь шла о картинке вместо названия категория, а не о изображении иконки рядом с ней. Название не должно отображаться рядом с ней, да еще и в таком виде... это несколько другое.

Отредактировано Pigalle (Пт, 5 Ноя 2010 10:24:12)

0

Поделиться245Пт, 5 Ноя 2010 11:51:00

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

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

Спасибо большое, уже в который раз)

Вы жа умница достаточно изменить слегка скрипт и ставить общую картинку под категории сss кодом для
всех h2 (категорий),

<style>
.category h2 {background: url(Ccылка на картинку) center no-repeat;}
</style>

(*А у Вас Общей планки то и нет - этот ход пропускаете)
а названия ставить картинкой png поверх общей - этим скриптом (чуть модифицировал - удалив из скрипта текстовое описание название -и оставив только картинку)

<script type="text/javascript">
var d = new Array()
d[0] = new Array("Test", "<img src='http://s002.radikal.ru/i199/1008/cb/55e7d492c2ed.png' alt='Идея' />")
d[1] = new Array("Тестовая категория", "<img src='http://s55.radikal.ru/i148/1008/f5/d8fef2cf62d5.png' alt='Windows Vista' />")

if (location.href == 'http://' + location.hostname + '/') {
var div = document.getElementById("pun-main").getElementsByTagName("div");
for (j in d) {
for (i in div) {
if ((div[i].className == "category") && (div[i].childNodes[0].innerHTML.indexOf(d[j][0]) != -1))
div[i].childNodes[0].innerHTML = "<span>" + d[j][1] + "</span>";
}}}
</script>

PS: название категорий перед установкой скрипта - сдвигаецо сss кодом как надо ( по центру или слева справо и т.д, хотя можно двигать и позже уже сами установленные картинки)

<style>
.category h2 span {text-align:center; margin-left: -20px; }
</style>

-20 меняете как надо(может и +) ну и center > left или right
Хотя rps грозилсо отдельным скриптом под планки категорий целиком (* может он уже есть(скрипт),- я просто не знаю)

(Чуть поправил

Отредактировано Deff (Пт, 5 Ноя 2010 12:29:30)

0

Поделиться246Пт, 5 Ноя 2010 12:14:53

Автор: Pigalle
Заслуженный
Зарегистрирован: Вс, 25 Апр 2010
Сообщений: 133
Уважение: +3
Позитив: +45
Пол: Женский
Последний визит:
Чт, 1 Дек 2016 15:52:53

Deff
Да, я уже поняла)) Но я уже перенесла скрытую категорию в конец, так что не мудрствуя лукаво, проблема решилась) Еще раз спасибо

0

Поделиться247Пт, 5 Ноя 2010 12:40:26

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

упс..

Отредактировано Deff (Пт, 5 Ноя 2010 12:41:56)

0

Поделиться248Пт, 5 Ноя 2010 15:54:06

Автор: Ed
Заслуженный
Зарегистрирован: Чт, 26 Ноя 2009
Сообщений: 26
Уважение: 0
Позитив: +2
Пол: Мужской
Последний визит:
Вс, 10 Апр 2022 16:27:07

Здравствуйте, mybb-профи! У меня такой вопрос возник: подскажите, как можно поменять линию-разделитель между сообщением пользователя и подписью на свою собственную? Какой вид имеет данный скрипт (или код)? И куда его вставлять (предполагаю в Форму ответа)?
Спасибо заранее.

0

Поделиться249Пт, 5 Ноя 2010 16:02:11

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

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

Ed написал(а):
У меня такой вопрос возник: подскажите, как можно поменять линию-разделитель между сообщением пользователя и подписью на свою собственную? Какой вид имеет данный скрипт (или код)? И куда его вставлять (предполагаю в Форму ответа)?Спасибо заранее.

Посмотрите здесь, может быть подойдёт: Скрипт, чтобы отделить подпись. Если нет - поправлю.

+1

Поделиться250Пт, 5 Ноя 2010 16:03:26

Автор: Ed
Заслуженный
Зарегистрирован: Чт, 26 Ноя 2009
Сообщений: 26
Уважение: 0
Позитив: +2
Пол: Мужской
Последний визит:
Вс, 10 Апр 2022 16:27:07

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

Посмотрите здесь, может быть подойдёт: Скрипт, чтобы отделить подпись. Если нет - поправлю.

Здравствуйте, rps! Рад вас видеть. Спасибо, сейчас гляну

Отлично! Это самое оно и самое то! Спасибо за помощь! :cool:

Отредактировано Ed (Пт, 5 Ноя 2010 16:09:27)

0

Поделиться251Пт, 5 Ноя 2010 16:06:35

Автор: TheK
Заслуженный
Зарегистрирован: Пт, 26 Мар 2010
Сообщений: 204
Уважение: +12
Позитив: +43
Последний визит:
Ср, 7 Ноя 2012 15:06:58

Haneko, бывает.)) Можно так:

<style type="text/css">
HTML, BODY {background-image: url(адрес фоновой картинки) !important; background-repeat: no-repeat; background-attachment: fixed !important; background-position: top center;}
</style>

Собственно, подчёркнутым - нужный вам параметр.

Отредактировано TheK (Пт, 5 Ноя 2010 16:41:39)

0

Поделиться252Пт, 5 Ноя 2010 16:30:59

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

TheK
Адрес без кавычек.

0

Поделиться253Пт, 5 Ноя 2010 16:42:58

Автор: TheK
Заслуженный
Зарегистрирован: Пт, 26 Мар 2010
Сообщений: 204
Уважение: +12
Позитив: +43
Последний визит:
Ср, 7 Ноя 2012 15:06:58

rps, да? *убрал* Вроде и с ними всё работает. :dontknow: Спасибо.

0

Поделиться254Пт, 5 Ноя 2010 16:59:07

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

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

rps, да? *убрал* Вроде и с ними всё работает. Спасибо.

Адрес итак является одним большим словом, в нём нет пробелов. Поэтому не нужно указывать "читать, как одно"...

Отредактировано rps (Пт, 5 Ноя 2010 16:59:21)

+1

Поделиться255Пт, 5 Ноя 2010 17:00:38

Автор: Rutice
Заслуженный
Зарегистрирован: Вт, 3 Авг 2010
Сообщений: 80
Уважение: +6
Позитив: +6
Пол: Женский
Последний визит:
Вт, 8 Дек 2015 20:31:08

Здравствуйте. Не могли бы вы помочь с таблицей в объявлении?? У меня стоят слева в таблице кнопки, а справа при нажатии кнопок меняется картинка. Я сделала сразу картинку, чтобы не было пустоты если не нажимать на кнопку. В тексте справа хотелось бы чтоб при нажатии на кнопку, просто менялся текст в выделенном месте на картинке. Но когда я вставляю код картинки с наложенным на нее текстом, при нажатии кнопки, картинка с текстом появляется, но уезжает вниз и вправо. Можно ли как-то сделать так, чтобы картинка с текстом не уезжали или чтобы текст ложился в выделенном месте??
Не понятно наверно объяснила...вот тестовик http://tohsakarin.rolka.su/ и код

Код:

<p>
<style type="text/css"><!--
#menu {
padding-left: 20px;
}

#menu a {
padding: 1px 10px 1px; 
margin-right: 5px;
width: 80px;
margin: 10px 0;
display: block;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 370px;
text-align: center;
font-size: 12px;
width: 580px; background: url(http://forumupload.ru/uploads/000d/ce/e0/22-1-f.jpg) no-repeat top center;
}

.submenutext {
display: none; 
height: 60px;
}

#submenu A {
color: #CCC; 
}
#menu .tabactive {
color: #65065f;
}
--></style>
<script type="text/javascript"><!--
var prevmenu, prevtab
function subMenu(obj, menu) {
if (document.getElementById) {
if (prevmenu) document.getElementById(prevmenu).style.display = "none"
document.getElementById(menu).style.display = "block"
if (prevtab) { prevtab.className = "" }
obj.className = "tabactive"
prevmenu = menu
prevtab = obj
}
}
// --></script>
</p>
<table style="width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 20%;">
<div id="menu">
<a onclick="subMenu(this,'sm1')" href="#">Главная
</a>
<a onclick="subMenu(this,'sm2')" href="#">заголовок</a>
<a onclick="subMenu(this,'sm3')" href="#">заголовок</a>
<a onclick="subMenu(this,'sm4')" href="#">заголовок</a>
</div>
</td>
<td align="center">
<div id="submenu">
<div id="sm1" class="submenutext"><br /><br />
<div style="position: relative; width: 646px; height: 407px; background: url(http://forumupload.ru/uploads/000d/ce/e0/22-1-f.jpg) no-repeat top center;">
 <div style="height: 210px; width: 250px; color: #fff; position: absolute; bottom: 40px; right: 45px;">
  Добро пожаловать на ролевую Fate/Dark Play.
 
 </div>
</div>
  
 </div>
</div></color></div>
<div id="sm2" class="submenutext"><br /><br />текст</div>
<div id="sm3" class="submenutext"><br /><br />текст</div>
<div id="sm4" class="submenutext"><br /><br />текст</div>

</div>
</td>
</tr>
</tbody>
</table>

0

Поделиться256Пт, 5 Ноя 2010 17:21:22

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

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

Rutice написал(а):
Здравствуйте. Не могли бы вы помочь с таблицей в объявлении?? У меня стоят слева в таблице кнопки, а справа при нажатии кнопок меняется картинка. Я сделала сразу картинку, чтобы не было пустоты если не нажимать на кнопку. В тексте справа хотелось бы чтоб при нажатии на кнопку, просто менялся текст в выделенном месте на картинке. Но когда я вставляю код картинки с наложенным на нее текстом, при нажатии кнопки, картинка с текстом появляется, но уезжает вниз и вправо. Можно ли как-то сделать так, чтобы картинка с текстом не уезжали или чтобы текст ложился в выделенном месте??Не понятно наверно объяснила...вот тестовик http://tohsakarin.rolka.su/ и код

Так попробуйте:

Код:

<style type="text/css"><!--
#menu {
padding-left: 20px;
}

#menu a {
padding: 1px 10px 1px; 
margin-right: 5px;
width: 80px;
margin: 10px 0;
display: block;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 370px;
text-align: center;
font-size: 12px;
width: 580px; background: url(http://forumupload.ru/uploads/000d/ce/e0/22-1-f.jpg) no-repeat top center;
}

.submenutext {
display: none; 
height: 60px;
}

#submenu A {
color: #CCC; 
}
#menu .tabactive {
color: #65065f;
}
--></style>
<script type="text/javascript"><!--
var prevmenu, prevtab
function subMenu(obj, menu) {
if (document.getElementById) {
if (prevmenu) document.getElementById(prevmenu).style.display = "none"
document.getElementById(menu).style.display = "block"
if (prevtab) { prevtab.className = "" }
obj.className = "tabactive"
prevmenu = menu
prevtab = obj
}
}
// --></script>
<table style="width: 100%;" border="1">
 <tbody>
  <tr>
   <td style="width: 20%;">
    <div id="menu">
     <a onclick="subMenu(this,'sm1')" href="#">Главная</a>
     <a onclick="subMenu(this,'sm2')" href="#">заголовок</a>
     <a onclick="subMenu(this,'sm3')" href="#">заголовок</a>
     <a onclick="subMenu(this,'sm4')" href="#">заголовок</a>
    </div>
   </td>
   <td align="center">
    <div id="submenu">
     <div id="sm1" class="submenutext"><br /><br />
      <div style="height: 210px; width: 250px; color: #fff; position: relative; top: 105px; left: 310px;">
       Добро пожаловать на ролевую Fate/Dark Play.
      </div>
     </div>
     <div id="sm2" class="submenutext"><br /><br />
      текст
     </div>
     <div id="sm3" class="submenutext"><br /><br />
      текст
     </div>
     <div id="sm4" class="submenutext"><br /><br />
      текст
     </div>
    </div>
   </td>
  </tr>
 </tbody>
</table>

0