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

Объявление

Идет поиск Хранителя форума

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

О форуме

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

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

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


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


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

Сообщений 521 страница 540 из 1000

521

Irie Shoichi
все еще не вижу названий :unsure: вы то сами их видите?

0

522

Да, и трансперенты я убрала из того дряхлого кода в стиле
http://savepic.net/3444716.jpg
браузер - опера

0

523

Irie Shoichi
Что-то у вас там странное творится, раз видно только с Оперы (ИЕ и Хром не видят)
тогда делайте сами:
#pun-main .category h2 {padding: 5px 5px 5px 5px;}
Отступ сверху
Справа
Снизу
Слева

Отредактировано Lear (25.09.2012 15:38:15)

+1

524

спасибище огромное, Вы - мой спаситель)

0

525

Lear
Пожалуйста.

0

526

Sirin...

Ставьте в любое окно КСС

Код:
#pun-about center{
margin-left:-460px!important;
color:#fff;
}

Сдвинул, как по логике думаю, вам надо, а цвет - меняйте #fff на свое

+1

527

Здравствуйте!
Обращаюсь за помощью, т.к. великий метод научного тыка не помогает.
Имеется вот такой вот замечательный форум

И имеется вот такой вот замечательный код менюшки
Код:
ХТМЛ вверх
<style>	
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#284971;
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:#fbfbfb;
border-top: 1px dotted #c0d6e6;
    border-bottom: 1px dotted #c0d6e6;
        border-right: 1px dotted #c0d6e6;
        border-left: 1px dotted #c0d6e6;
}

#menu .tabactive {
color: #284971;
    background:#c0d6e6;
}

#submenu {
padding: 3px;
height: 206px;
text-align: left;
font-size: 12px;
width: 680px;
}

.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: 100%">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;"> Гостям и участникам</span>
<span alt="#sm2" style="cursor: pointer;">Администрация</span>
<span alt="#sm3" style="cursor: pointer;">Важные ссылки</span>
<span alt="#sm4" style="cursor: pointer;">Новости игры</span>
<span alt="#sm5" style="cursor: pointer;">Реклама</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br />
<div class="html-box">
<table><tr><td colspan=2></td></tr>
<tr>
<td height=40 width=400>
<center>Доброго времени суток. Рады приветствовать вас в нашем мире. По всем интересующим вас вопросам обращаемся к администрации ролевой.
<br>
<br>14.01.2012 г. нам исполнился ровно год. Всех спешим поздравить с нашим маленьким праздником. В честь этого события на форуме стартовал <a href="http://rayolinn.rolbb.ru/viewtopic.php?id=923#p65242">конкурс</a>.
<br><a href=http://www.yoursmileys.ru/t-birthday.php?page=2><img src=http://www.yoursmileys.ru/tsmile/birthday/t3317.gif></a> </center>
</div></td>
<TD ROWSPAN=3></td>
<td height=40 width=400>
<center><b>Оборотни (вервольфы) +вампиры-некроманты</b> в игру временно <b>НЕ ПРИНИМАЮТСЯ</b>, по причине большого количества подобных персонажей на форуме. ВСЕ ПЕРСОНАЖИ С МАГИЕЙ И СВЕРХСПОСОБНОСТЯМИ ПРЕДВАРИТЕЛЬНО ОБГОВАРИВАЮТСЯ С АДМИНИСТРАЦИЕЙ. 
<br>В ином случае анкеты приняты не будут. На анкеты, которые сейчас проверяются, это не распространяется.
<br><a href=" http://rayolinn.rolbb.ru/viewtopic.php?id=905#p63187
">Новогодний бал-маскарад подходит к своему завершению</a>.</center>
</div></td>
</tr>
</table>
</div>
</div>
     <div id="sm2" class="submenutext"><br />
<div class="html-box">
<table><tr><td colspan=2></td></tr>
<tr>
<td height=40 width=400>
<center><b><u>Администраторы:</u></b>
<br><a href="http://rayolinn.rolbb.ru/profile.php?id=6 ">СЕЛЕНА ЭЛЬ ХАНТЭР</a> (ICQ 378650749)
<br><a href=" http://rayolinn.rolbb.ru/profile.php?id=3 ">БИАТРИКС</a> (ICQ 615969172)
<br>
<br><b><u>Модераторы:</u></b>
<br><a href="http://rayolinn.rolbb.ru/profile.php?id=35">ASHEL' DE SHARLE</a> 
<br><a href="http://rayolinn.rolbb.ru/profile.php?id=154">ЭСТА</a> 
<br><a href="http://rayolinn.rolbb.ru/profile.php?id=311">КНУРЛ ИНГЕИТУМ</a> 
<br><a href="http://rayolinn.rolbb.ru/profile.php?id=357">РЕЙДЕР ЭЛЬ ХАНТЭР</a> 
<br><a href="http://rayolinn.rolbb.ru/profile.php?id=289">ИЗВРАЩЕНЕЦ (ГРАФИКА)</a> 
<br><a href="http://rayolinn.rolbb.ru/profile.php?id=212">ЖАСМИН ШИРТ (КВЕСТОПЛЕТ)</a></center>
</div></td>
<TD ROWSPAN=3></td>
<td height=40 width=400>
<center><b><u>Колонка администрации:</u></b>
<br><font size=2>• Большое спасибо хотелось бы сказать нашему графическому модератору <a href="http://rayolinn.rolbb.ru/profile.php?id=289">Извращенцу</a> за столь прекрасный новогодний дизайн.
<br>• </center>
</div></td>
</tr>
</table>
</div>
</div>
     <div id="sm3" class="submenutext"><br />
<div class="html-box">
<table><tr><td colspan=2></td></tr>
<tr>
<td height=40 width=400>
<center><b><u>Нужные для игры ссылки:</u></b>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=9#p11">Гостевой раздел</a>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=10">Законы и Правила</a>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=108#p142">История Мира</a>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=12">Расы Мира</a>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=633#p40304">Гильдии и организации</a>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=152#p186">Магия Мира</a>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=13"> Сверхъестественные способности </a>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=55#p75">Бестиарий</a>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=54#p72">Шаблон анкеты</a>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=20">Объявление Администрации </a></center>
</div></td>
<TD ROWSPAN=3></td>
<td height=40 width=400>
<center><b><u>На форуме так же действуют акции:</u></b>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=153">АКЦИЯ № 1 "ЭЛЬФЫ"</a>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=154">АКЦИЯ № 2 "ОБОРОТНИ"</a>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=182">АКЦИЯ № 3 "ВАМПИРЫ"</a>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=571">АКЦИЯ № 4 "ЛЮДИ"</a>
<br><a href="http://rayolinn.rolbb.ru/viewtopic.php?id=188#p540">ПОИСК ПЕРСОНАЖА</a></center>
</div></td>
</tr>
</table>
</div>
</div>
     <div id="sm4" class="submenutext"><br /><br />
Скоро заполнится)
</div>
<div id="sm5" class="submenutext"><br /><br />
<b><u>Для рекламы:</u></b><br>
PR - 1111
<br>
<br>
<a href="http://top.roleplay.ru/12871" target="top_">
<img src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов" border="0" width="88" height="31"></a>
<!-- begin of Top100 code -->
<script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?2457459"></script>
<noscript>
<a href="http://top100.rambler.ru/navi/2457459/">
<img src="http://counter.rambler.ru/top100.cnt?2457459" alt="Rambler's Top100" border="0" />
</a>
</noscript>
<!-- end of Top100 code -->
<br><a href='http://wizardtop.ru/in.php?id=333' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/5.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<A HREF="http://www.slashdot.ru/cgi-bin/top/rpg/topsites.cgi?ririn" TARGET="_BLANK"> 
<IMG ALT="Лучшие AD&D и RPG ресурсы Рунета" SRC="http://slashdot.ru/top/rpg/button88x31.gif" BORDER=0 width=88 height=31></A>
</div>
</div>
   </td>
</tr>
 </tbody>
</table></center>

Форум немного узковат и менюшка за него вылазит.
Загнать в рамки форума получилось, но левая часть, с кнопочками, скукожилась. Это можно как-нибудь исправить? Ничего кроме как сделать левую часть горизонтальной в голову не приходит... Вот такая вот неприятность :)

0

528

Мииреена д'Эстер
ширину форума можно? *мне очень лень искать*

0

529

7 40
*глазки в пол* скажите где - буду искать. Основу мне делал знакомый... Так что я вообще ноль без дырочке в дизайне :((

Если не ошибаюсь, то это вот этот кусочек кода О.о
Код:
/* A5.1 */
#pun {
  margin: auto;
width : 749px;
 padding: 0px 0px;
  border: none;
  border-top: none;
 background: url(http://s1.uploads.ru/i/eCSJz.jpg) #90a2b5 top;
}

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

0

530

Мииреена д'Эстер
Ох, простите)
сама нашла уже) Сейчас буду смотреть)

0

531

Мииреена д'Эстер

Мииреена д'Эстер написал(а):

#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

Смотрите вот этот кусочек кода.
так отмечена величина, отвечающая за контейнер (Администрация, важные ссылки и тд.)
Ее правим на ту циферку, которая нужна.

Мииреена д'Эстер написал(а):

#submenu {
padding: 3px;
height: 206px;
text-align: left;
font-size: 12px;
width: 680px;

так отмечена ширина контента кнопки. То бишь там, где вы пишете всю информацию (аськи, поздравления и прочие) - эту цифру тоже меняем на свою.
Вот я настроила:
ХТМЛ-Верх

Свернутый текст
Код:
<style>	
#menu {
margin-top: -5px;
width: 165px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#284971;
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:#fbfbfb;
border-top: 1px dotted #c0d6e6;
    border-bottom: 1px dotted #c0d6e6;
        border-right: 1px dotted #c0d6e6;
        border-left: 1px dotted #c0d6e6;
}

#menu .tabactive {
color: #284971;
    background:#c0d6e6;
}

#submenu {
padding: 3px;
height: 206px;
text-align: left;
font-size: 11px;
width: 550px;
}

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

Отредактировано 7 40 (25.09.2012 21:31:27)

+1

532

7 40
огромное спасибо. Я пока сама попробую :)  Надеюсь, получится.
Еще раз огромное спасибо!

0

533

Мииреена д'Эстер
я уже исправила вам настройки)) ничего больше делать не нужно)

0

534

Lear
Большое спасибо.

0

535

Еще маленький вопрос: нельзя ли сделать возможность пользователю работать на одном из стандартных дизайнов? чтобы по желанию, юзер мог для себя переключить диз?

0

536

Еще один вопрос. Возможно ли расположить два слайдера на одной странице?.. Или мне по этому вопросу лучше обратиться в тему вопросов о скриптах?..

0

537

Irie Shoichi
в настройках форума можно позволить пользователю выбирать стандартные дизайны.
Администрирование > Настройки > Стиль пользователя > ДА

Sirin...
можно.
просто вставляются два слайдера.

+1

538

В настройках стоит ДА, но пользователи говорят, что не реагирует. Они пробуют через профиль - отображения. Как быть?

0

539

Герда
Мои эксперименты показали, что это возможно, только если оба слайдера содержат один и тот же текст и одни и те же настройки. Мне же, однако, нужны слайдеры с разными настройками и содержимым...

0

540

Sirin...
ссылку на эксперименты

0


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


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC