Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Архив » Вопросы по оформлению форумов, дизайну и css


Вопросы по оформлению форумов, дизайну и css

Сообщений 321 страница 340 из 1000

321

написали код таблицы, у некоторых пользователей она раскладывается при загрузке страницы. Только потом сворачивается в контейнеры. адрес - http://juuo.rusff.me/
хтмл-верх:

Код:
<style> 
#menu {
margin-top: -5px;
width: 140px
height: 40px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#efeff0;
}

#menu .tabactive {
color: #000000;
    background:#b4c2ea;
}

#submenu {
padding: 3px;
height: 330px;
text-align: center;
font-size: 10px;
width: 580px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>

хтмл-низ:

Код:
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

объявление:

Код:
<center>
<table style="width: 800px; border="1">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> 


<span alt="#sm1" style="cursor: pointer;"> <font size="5" face=" Adobe Garamond Pro">NEWS</font> </span>
<span alt="#sm2" style="cursor: pointer;"> <font size="5" face=" Adobe Garamond Pro"> LINKS</font> </span>
<span alt="#sm3" style="cursor: pointer;"> <font size="5" face=" Adobe Garamond Pro"> GAME</font> </span>
<span alt="#sm4" style="cursor: pointer;"> <font size="5" face=" Adobe Garamond Pro"> ADMINS</font> </span>
<span alt="#sm5" style="cursor: pointer;"> <font size="5" face=" Adobe Garamond Pro"> PARTNERS</font> </span>

           
    </div>
   </td>

   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<div style="width: 100%; height: 275px; overflow-y: auto;"><font size="4" face=" Century Gothic"> Информация:</font></br><br>
<a target="_blank" href="http://premieres.rusff.me/"><img src="http://i.imgur.com/tGJjL.gif" ></a></br>Уважаемые гости! Мы предлагаем вам окунуться в мир магии и волшебства! Драконы, мазоку, эльфы, люди и иная чисть и нечисть - мы рады каждому!Регистрируйтесь и присоединяйтесь к нашему миру! Здесь вас ждут удивительные путешествия, веселая компания и уютная атмосфера. Приключения ждут вас!</br>
<i>з.ы.Если у вас возникли какие-либо вопросы обращайтесь к Джуу-о  или Лине  в ЛС или в гостевом разделе.</i></br><br>
<b>۞Игрокам:</b>  </br><br>

Неожиданно пришла зима, где-то уже лежит снег, а где-то, до сих пор, гуляют дожди. Но, не только погода горазда на сюрпризы, на форуме тоже много нового: <br>
• Добавлены новые локация и обновлены их описания. <br>
• Большая часть форума теперь скрыта от гостей.<br>
• Обновлен список ролей. <br>
• На форуме стартовали "Новогодние Квесты". <br>
</div>
</div>








     <div id="sm2" class="submenutext">
<div style="width: 100%; height: 275px; overflow-y: auto;">
 <center><table><tr><td><font size="4" face=" Century Gothic">Основные ссылки:</font><br><br></td><td><font size="4" face=" Century Gothic">Акции:</font><br><br></td></tr><tr><td>
<b><a href="http://slayers.mybb.ru/viewtopic.php?id=451">Информационный раздел.</a></b><br>
<b><a href="http://slayers.mybb.ru/viewtopic.php?id=34">Сюжет.</a><br></b>
<b><a href="http://slayers.mybb.ru/viewtopic.php?id=2">Список Ролей.</a><br></b>
<b><a href="http://slayers.mybb.ru/viewtopic.php?id=163">Пример анкеты.</a><br></b>
<b><a href="http://slayers.mybb.ru/viewtopic.php?id=6">Правила.</a><br></b>
<b><a href="http://slayers.mybb.ru/viewtopic.php?id=610#p79985"><b>Квесты.</b></a></br>
<b><a href="http://slayers.mybb.ru/viewtopic.php?id=30"><b>Список Заклинаний.</b></a></br>

<a href="http://slayers.mybb.ru/viewforum.php?id=18">Реклама</a><br>
</td><td><a href="http://slayers.mybb.ru/viewtopic.php?id=519"><b>Акция #1: Маги в студию!</b></a></br>
<a href="http://slayers.mybb.ru/viewtopic.php?id=520#p54113"><b>Акция #2:Наемники.</b></a></br>
<a href="http://slayers.mybb.ru/viewtopic.php?id=524"><b>Акция #3: Т.И. Божественный Храм.</b></a></br>
<a href="http://slayers.mybb.ru/viewtopic.php?id=525"><b>Акция #4: Т.И. Темный Храм.</b></a></br>
<a href="http://slayers.mybb.ru/viewtopic.php?id=526"><b>Акция #5: Т.И. Общество Спиритистов.</b></a></br>
<a href="http://slayers.mybb.ru/viewtopic.php?id=546"><b>Акция #6: Slayers Canons</b></a></br>
<a href="http://slayers.mybb.ru/viewtopic.php?id=737"><b>Акция #7: Искатели Приключений.</b></a></br>
<a href="http://slayers.mybb.ru/viewtopic.php?id=741"><b>Акция #8: Сумрачные Странники.</b></a></br></td></tr></table></center>

</div></div>






<div id="sm3" class="submenutext" style="display:block;">
<div style="width: 100%; height: 275px; overflow-y: auto;">
<font size="4" face=" Century Gothic">Об игре</font><br><br>
Действия происходят в уже хорошо знакомом нам одном из миров, созданном могуществом Золотого Владыки. Легенда повествует о последнем артефакте, сила которого многократно превышает мощь Повелителей Тьмы и Богов. Вскоре тайные сведения о нем просачивается наружу и с этого момента будущее зависит от того, в чьи руки он попадет. А как поступили бы вы? Повиновались бы воле монстров или богов, или же следовали своим целям? 
Отныне весь мир замер у тонкой черты.
<br><br>• Время в ролевой: 11:00 - 16:00.<br>
Подробнее о погодных условиях в теме:</br>
<a href="http://slayers.mybb.ru/viewtopic.php?id=282"><b>Погода и время суток в ролевой</b></a> </br>
</br><table><tr><td><u><b>Список активных квестов:</b></u></br>
	<b> • По ту сторону мира.</b> - Лина Инверс, Зелгадис Грейвордс, Меро, Кселлос</br>
        <b> • Да здравствует вилка!</b> - Tortorens, Allanor, GM</br>
         <b> • Знания? Кто кого?</b> - Urlit, Копия Резо, Lei Magnus, Глубоководная Дольфин</br>
         <b> •  Противоположности..мм..притягиваются.</b> -Арио, Ричард.</br>
         <b>  • Не суй руку в чужой карман. – попадешь на героепоклоницу!</b> - Винсент, Amelia</br>
          <b> • Новый виток. Опять жив! </b>- L-sama, Марю-о Гаав</br>
          <b>  •Клыки, бутылка и магия!</b> - Taura, Айран, Rein Rivs</br>
           <b> • Неожиданная неожиданность! Или хорошо спланированное представление?</b>- Мадео, Джуу-о Зеллас Металлиум</br>
          <b>  • Встреча? Неприятности для мазоку.</b> - Adonis, Hellmaster Fibrizzo</br></td>
<td><img src="http://uploads.ru/t/o/K/M/oKMNJ.png" border="0" /></br>
<img src="http://uploads.ru/t/j/1/E/j1Eip.png" border="0" /></br>
</td></tr></table>

Подробное описание квестов можете посмотреть в <a href="http://slayers.mybb.ru/viewtopic.php?id=610#p79985"><b>этой</b> теме.</a>

 
</div></div>


















<div id="sm4" class="submenutext" style="display:block;">
<div style="width: 100%; height: 275px; overflow-y: auto;">


<br><br><br>
<font size="4" face=" Century Gothic">Администраторы</font>
<center>
<table><tr><td>
<img src="http://uploads.ru/i/f/I/T/fITuW.png" border="0" />
</td><td>
<img src="http://uploads.ru/i/r/O/u/rOuC2.png" border="0" />
</td></tr>
<tr><td>ICQ<br>
468221871
</td>
<td>
ICQ<br>
554618735
</td></tr>
</table>
</center>


</div></div>












     <div id="sm5" class="submenutext" style="display:block;">
<div style="width: 100%; height: 275px; overflow-y: auto;">

<center><font size="4" face=" Century Gothic">Друзья Форума </font></center></br>

<a target="_blank" href="http://kolubel.mybb.ru"><img src="http://s003.radikal.ru/i201/1004/60/6ec49e013715.gif"></a>
<a href="http://chrnocrusade.anihub.ru/"><img src="http://uploads.ru/i/p/k/a/pkaM2.png" border="0"></a>

<a href="http://betrayalknowsmyname.mybb.ru" target=_blank> <img src="https://forumupload.ru/uploads/000c/13/5d/85-1.png" title="Betrayal Knows My Name" border=0 width="88" height="31"></a>
<a title="blue exorcist" href="http://aoex.anihub.ru/" target="_blank"><img src="http://i075.radikal.ru/1105/f3/ac2edd8fb08d.png" alt="blue exorcist" width="88" height="31" border="0" /></a>
<a target="_blank" href="http://jotei.mybb.ru/"><img src="http://i016.radikal.ru/1105/3a/356cf031c080.gif" border=0 title="Silver Rain"></a><a target="_blank" href="http://yourelement.rolka.su/"><img src="http://s57.radikal.ru/i158/1106/15/3a3d1e69b28a.jpg" ></a><a href="http://wonders.anihub.ru/" target=_blank> <img src="http://s48.radikal.ru/i122/1107/0c/5718d3125bb5.png"border="0"alt=" wondercity " width=88 height=31></a><a href='http://akumaproject.rolbb.ru/'>
<img src="http://s59.radikal.ru/i163/1109/d3/e4c1982fb9dd.gif"
alt='Akuma Project'></a><a href="http://citadelofknowledge.rusff.me/"> <img src="http://i059.radikal.ru/1109/f9/f622a70b90a4.gif" width="88" height="31" border="0" alt="Цитадель знаний"> </a><a href="http://razashi.rolbb.ru/"><img src="http://s011.radikal.ru/i315/1104/b0/d170a311acbd.png" ></a><a href="http://demonlife.ru/"><img src="http://s49.radikal.ru/i123/1003/46/b543cf185f55.png"  title="Town of legend" /></a><a href="http://inkai.anihub.ru/" target=_blank> <img src="https://forumupload.ru/uploads/000f/a3/91/812-1.gif" title="Shin, jinsei no raibaru" ></a><a href="http://schoolnightmare.rusff.me/"><img src="http://savepic.su/345997.gif" alt="Magic School "Oblivion""></a><a href="http://hostodelia.anihub.ru/" target="_blank" ><img src="http://i.pixs.ru/storage/2/7/6/Moyfilmgif_2559078_2614276.gif" border="0" alt="как война" /></a>
</br>

<center><font size="4" face=" Century Gothic">Ротации </font></center></br>

<center>
<table>
<tr>
<td>
<!-- http://bleachzknr.mybb.ru/ ZKNR rotation -->  <div style="WIDTH: 88px; height:41px" ><center><script type="text/javascript" src="http://bleachzknrrot.ucoz.ru/rtr/1"></script><a href="http://bleachzknr.mybb.ru/" target=_blank><img src=http://bleach-z.ru/files/000e/9d/8b/61013.gif border="0" alt="Ротация баннеров"></a></center></div>  <br /> <!-- http://bleachzknr.mybb.ru/ ZKNR rotation --></center></div>  <br /> <!-- http://bleachzknr.mybb.ru/ ZKNR rotation --></td>

<td><!-- /http://kolubel.ru/ KOLUBEL --><div style="WIDTH: 88px; height:41px" ><center><script type="text/javascript" src="http://kolubel.ucoz.ru/rtr/1 "></script><a href="http://kolubel.mybb.ru/" target=_blank><img src=https://forumupload.ru/uploads/000c/8b/02/103450-1.gif border="0" alt="Ротация баннеров"></a></center></div>  <br /> <!-- /http://kolubel.ucoz.ru/rtr/1/ KOLUBEL --></center></div>  <br /> <!-- /http://rotation.mybb.ru/ KOLUBEL --></td><center><td></center>
</td>
</tr>

</table>

</div></div>

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

Отредактировано капля (31.01.2012 14:36:10)

0

322

капля, привет (:

у некоторых пользователей она раскладывается при загрузке страницы

Происходит загрузка/ сборка скрипта, зависит от скорости соединения Интернет.

phonique, здравствуй.)

Я регистрирую форум, хочу поставить свой стиль, ставя галочку, собственно, на пункт "Свой стиль", жму Ок и потом вся структура пропадает.

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

0

323

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

Происходит загрузка/ сборка скрипта, зависит от скорости соединения Интернет.

на других форумах все нормально отображается, к тому же скорость 10мбит. А у меня с usb-модема билайновского и то все нормально загружается.

0

324

капля, возможно, на других форумах нет других каких-то N скриптов, зажёвывающих скорость канала. Загрузил твой форум, отображение цивильное. Если всё-таки остались сомнения, ожидай Администрацию.

0

325

Здравствуйте. У меня проблема. Регистрирую форум. Ставлю "Свой стиль" ставлю фон, а он не отображается... ни в body ни в #pun...

0

326

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

капля, возможно, на других форумах нет других каких-то N скриптов, зажёвывающих скорость канала. Загрузил твой форум, отображение цивильное. Если всё-таки остались сомнения, ожидай Администрацию.

убрали все скрипты, все равно раскладывается. Буду ждать Администрацию.

0

327

Помогите с CSS кодом.
Нужно сделать по центру ссылки:

Форум УчастникиНаграды Поиск Профиль Сообщения Администрирование Выход

А так же

Новые сообщения Активные темы Темы без ответов Мои сообщения Подписка Все прочитано

Заранее спасибо

0

328

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

Здравствуйте. У меня проблема. Регистрирую форум. Ставлю "Свой стиль" ставлю фон, а он не отображается... ни в body ни в #pun...

+1 та же проблема
причем это произошло после пересохранения своего стиля, без всяких изменений в нем.
(на 2-х форумах с разными дизайнами)

Отредактировано latifa (02.02.2012 18:19:56)

0

329

Здравствуйте.
У меня такая проблема: при составлении дизайна форума (не использую "Свой стиль", только редактирую в Настройках) для избавления от границ и разделителей использовала такой код:

Код:
#pun-title TABLE, #pun-title h1, .punbb td.tc3, .punbb .main .container,  .punbb .section .container, .punbb .section .formal .container, .punbb .formal fieldset,
* {border: none !important;}

и вместе с границами форума исчезли и разделители.
Разделительную черту между содержанием сообщения и подписью вернула этим кодом:

Код:
.punbb .post-sig dt {border-top: 1px solid black !important;}

А как вернуть разделительную черту, устанавливаемую тегом [hr*] или <hr>, так и не нашла, в чем и суть моей проблемы.
Прошу помощи в её решении. Заранее благодарна.

Адрес форума: http://sleeplessseattle.rusff.me/

0

330

Доброго вечера.
Такой вопрос. На нашем форуме, каждой категории соответствует свое изображение на месте ее названия. Когда весь форум открыт - все на своих местах, а для гостей некоторые категории закрыты и тут начинаются проблемы.
Изображение с названием третьей категории (закрытой) передвигается на четвертую (открытую), это очень мешает и появляются непонятки.
Посоветуйте, пожалуйста, как это исправить.

0

331

Alone, я использую этот скрипт. Работает исправно.

Автор: Deff

Скрипт: - СВОЯ КАРТИНКА В КАЖДУЮ КАТЕГОРИЮ.

Пояснения:
Синим - названия категорий( статистика тоже там, - если нужна
Красным - адрес устанавливаемой картинки
50 красным - значение высоты картинки - установите своё значение;

Cтроку:

"Название Категории", "Ссылка на картинку",

- Размножаем сколько нужно(лишние строки - убираем), -вставляем свои названия и адреса изображений

PS: Последний элемент в массиве(в данном примере > "Статистика форума") -на конце без запятой!

В начало Нтмл низ

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){

myarray=new Array(
"Информационный раздел", "http://mybb.ru/f/collection/0208.gif",
"Техническая поддержка", "http://mybb.ru/f/collection/0211.gif",
"Форумы опытных пользователей", "http://mybb.ru/f/collection/0213.gif",
"Разное", "http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif",
"Статистика форума", "http://mybb.ru/f/collection/0217.gif"    //Последний элемент без запятой! 
)

        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){

var cssObj = {
   "height":"50px",
   "background-color": "transparent",
   "background-image":"url("+myarray[q+1]+")",
   "background-position":"50% 50%",
   "background-repeat":"no-repeat"       //Последний элемент без запятой!
}

        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

Ps: Скрипт  должен разрешать проблему смещения картинок в иные разделы, при скрытии части разделов для определенных групп
________________________________________________________________________________
Кому надо скрыть  название категории шрифтом > в HTML верх ставим такой код

<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>

(*Синим - статистика - при ненужности отключения -строку убираем

Источник: Кликай

0

332

Подскажите как в функции "Свой стиль" двигать рекламный баннер.
Нужно именно там, а не скриптом, стиль для каталога делаю.
Админа порадовать  :shine:

0

333

Frimen
Последние 2 строчки.

#pun-title table tbody tr .title-logo-tdr {
  position: absolute;
  z-index: 1;
  right: 50px;
  top: 50px;

0

334

Paranoia Doll написал(а):

Последние 2 строчки.

Спасибо..
А если допустим у меня широкоформатный монитор, то как это отразится на мониторах 4:3 ?
Можно что либо придумать, чтобы баннер не съезжал?

0

335

Доброго времени суток, надеюсь, кто-нибудь сможет мне помочь.
http://justabitch.mybb.ru/
Мне очень нужно увеличить расстояние между строками там где в таблице ссылки навигации + если открыть тему, там где аватар и лз, тоже одна строчка чуть ли не налезает на другую, но я не могу нигде это найти, чтобы исправить.
Буду очень благодарна, если кто-то поможет, и надеюсь понятно объяснила, что именно нужно.

0

336

как сделать отсчёт пикселей дива не от края экрана, а от края тела форума? :blush:

0

337

кука написал(а):

как сделать отсчёт пикселей дива не от края экрана, а от края тела форума?

margin-top , left, right, bottom

margin-top: 30px;

0

338

прошу удалить сообщение, т.к. на вопрос уже нашел ответ

Отредактировано героиновый рай; (16.02.2012 23:16:40)

0

339

здравствуйте. помогите, пожалуйста.
http://echo.rusff.me/ - это форум. На нем заменила навигацию (форум, участники, поиск...) на картинки и наложила их на шапку, скрипт указан ниже. И все они подвинулись, и все бы хорошо, только вот надписи (форум, участники, поиск...) остались и наложились на картинки. Что делать? Помогите.

скрипт

Разбросать меню (Forum, Userlist ...)по разным сторонам

#navindex a {
  background: url(ссылка на картинку "ФОРУМ") no-repeat top center;
  display: inline-block;
  position: absolute;
  z-index: 1000;
height: ХХХpx;
width: ХХХpx;
top: ХХХpx;
left: ХХХpx;
}
#navuserlist a {
  background: url(ссылка на картинку "УЧАСТНИКИ") no-repeat top center;
  display: inline-block;
  position: absolute;
  z-index: 1000;
height: ХХХpx;
width: ХХХpx;
top: ХХХpx;
left: ХХХpx;
}

#navsearch a {
  background: url(ссылка на картинку "ПОИСК") no-repeat top center;
  display: inline-block;
  position: absolute;
  z-index: 1000;
height: ХХХpx;
width: ХХХpx;
top: ХХХpx;
left: ХХХpx;
}

#navprofile a {
  background: url(ссылка на картинку "ПРОФИЛЬ") no-repeat top center;
  display: inline-block;
  position: absolute;
  z-index: 1000;
height: ХХХpx;
width: ХХХpx;
top: ХХХpx;
left: ХХХpx;
}

#navpm a {
  background: url(ссылка на картинку "СООБЩЕНИЕ") no-repeat top center;
  display: inline-block;
  position: absolute;
  z-index: 1000;
height: ХХХpx;
width: ХХХpx;
top: ХХХpx;
left: ХХХpx;
}

#navadmin  a {
  background: url(ссылка на картинку "АМС МЕНЮ") no-repeat top center;
  display: inline-block;
  position: absolute;
  z-index: 1000;
height: ХХХpx;
width: ХХХpx;
top: ХХХpx;
left: ХХХpx;;
}

#navlogout   a {
  background: url(ссылка на картинку "ВЫХОД") no-repeat top center;
  display: inline-block;
  position: absolute;
  z-index: 1000;
height: ХХХpx;
width: ХХХpx;
top: ХХХpx;
left: ХХХpx;
}

#navlogin  a {
  background: url(ссылка на картинку "ВХОД") no-repeat top center;
  display: inline-block;
  position: absolute;
  z-index: 1000;
height: ХХХpx;
width: ХХХpx;
top: ХХХpx;
left: ХХХpx;
}

#navregister a {
  background: url(ссылка на картинку "РЕГИСТРАЦИЯ") no-repeat top center;
  display: inline-block;
  position: absolute;
  z-index: 1000;
height: ХХХpx;
width: ХХХpx;
top: ХХХpx;
left: ХХХpx;
}
#navrules a {
  background: url(ссылка на картинку "ПРАВИЛА") no-repeat top center;
  display: inline-block;
  position: absolute;
  z-index: 1000;
height: ХХХpx;
width: ХХХpx;
top: ХХХpx;
left: ХХХpx;
}

height: ХХХpx; - ширина картинки
width: ХХХpx; - высота картинки
Расположение
top: ХХХpx; - выше/ниже
left: ХХХpx; - в лева/в права
Автор by all

0

340

;petrichor
чтоб скрыть слова я использую это:

#pun-navlinks a span {display: none;}

+1


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Архив » Вопросы по оформлению форумов, дизайну и css


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