Техническая поддержка SpyBB

Объявление

Ответы на часто задаваемые вопросы  |  FAQ по администрированию форума  |  FAQ по дизайну форума в CSS  |  Абсолютный помощник по дизайну  |  Навигатор по форуму

Перед регистрацией прочтите правила форума
При поиске ответа на заданный вопрос рекомендуем пользоваться «Поиском».
В случае проблемы с форумом, обязательно указывайте его адрес, иначе мы не сможем Вам помочь!

● 24 марта 2012г. - Закрепление первого сообщения
● 23 марта 2012г.: Изменения в форме ответа - Добавлен стандартный спойлер. Доработан функционал кнопок

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

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


Вы здесь » Техническая поддержка SpyBB » Архив » Вопросы по "Оформлению" - 2


Вопросы по "Оформлению" - 2

Сообщений 881 страница 900 из 1000

881

.Milk shake написал(а):

Скажите, каким образом можно поставить мини-объявление прямо на логотипе?

1) Нужно вставлять код в HTML-верх!
2) В стиле элемента использовать абсолютное позиционирование и задавать координаты верхнего левого угла

Код:
#id_вашего_элемента {
  position: absolute;
  top: координата_y;
  left: координата_x;
}

3)???
4) PROFIT

P.S. прятать ссылку под спойлер - лишнее

0

882

Hayase
1) Придется экспериментировать.
2) Попробуйте добавить в HTML-верх сделующий код

Код:
<style type="text/css">
.punbb .modmenu .container { 
background-color: #000000 !important;
color: #FFFFFF !important;
}
</style>

3)
3.1. Если заметите изменение фона и появление текста на нем - измените параметры на свои
3.2. Если разницы нет - адрес форума в ЛС
4) ???
5) PROFIT

0

883

Hayase
пасибки)))

0

884

Здравствуйте. Пользовалась несколько раз поиском, результатов не дало, потому пишу в эту тему.
Как создать навигатор по форуму, который имеет форму 3D круга, т.е. при наведении курсором на название темы, она приближается, в то время как все остальные по кругу удаляются.

0

885

Уса-ко
Это называется облако тегов.

0

886

глупый вопрос
Видел не раз надписи, в прямоугольничке какого-либо цвета. Как сделать такую надпись? -_-

0

887

дизайнер что-то намутил с html, что верхняя ссылка на форум отсутствует:
http://s14.radikal.ru/i187/1007/86/6453f7a36490.bmp
вопрос: как её вернуть? а то как-то стремно переходить по нижней ссылке или делать бэк. ._.

если надо:

верх:

Код:
<style>
#pun-title table {
background-image:url(http://s46.radikal.ru/i111/1007/64/ee0beab00e84.jpg);
background-repeat: no-repeat;
height:416px;
wigth:788px;
}

.punbb table Div.icon {float: left; display: block; width: 110px; height: 110px;
border-style: none;
background-image: url(http://s52.radikal.ru/i138/1007/c5/54329c969f1c.png);
background-repeat: no-repeat;
position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url(http://s53.radikal.ru/i140/1007/ea/4a38fbba0ee6.png) no-repeat;}
TR.isticky Div.icon {
background: url(http://s002.radikal.ru/i197/1007/ff/f898fa8fcbd7.png) no-repeat;}
TR.iclosed Div.icon {
background: url(http://s002.radikal.ru/i198/1007/40/19b1f5e53cff.png) no-repeat;}

#pun-main h2,#pun-stats h2,#pun-main h1 {
color:#af6053;
}

#loginDiv {
position:absolute;
z-index:2;
background-color:#e5dfcf;
border:solid;
width:300px;
padding:2px 1px 1px;
}

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

#pun-navlinks a {
color:#661d26;
}

body {
background:url(http://s49.radikal.ru/i123/1007/a6/a1b8f026fe14.jpg) fixed top center;
}

.punbb .section .container,.punbb .post-body,.punbb .post-links,.punbb td.tc2,.punbb td.tc3,.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,.punbb-admin #pun-admain .adcontainer,#pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-debug h2,.punbb-admin #pun-admain h2,#pun-title,#pun-title .container,.punbb .modmenu .container,#pun-navlinks .container,.punbb th,.punbb .post h3 span,#pun-main fieldset legend span,#pun-main .formal textarea {
background:transparent;
}

* {
border-style:none !important;
}

#pun {
width:793px;
margin:0 auto;
}

#pun-navlinks .container,#pun-ulinks .container {
text-align:center;
}

#pun-status.section .container,#pun-crumbs1.section .crumbs,#pun #pun-index #pun-announcement h2 span {
display:none;
}
</style>

<style>
#pun-main .category h2 {
background: url(http://i058.radikal.ru/1007/f0/43e579a850d7.jpg) no-repeat;
height: 25px;
}
</style>

<style> 
div .splLink {width: 130px; height: 40px; border: 2px solid transparent; background: transparent; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: url(http://s48.radikal.ru/i120/1007/c7/1b2d87e6c957.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #e0c293; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

<style>
    #loginDiv{
        position:absolute;
        z-index: 2;
        background-color : #e5c799;
        border : solid;
        padding-bottom : 1px;
        padding-left : 1px;
        padding-right : 1px;
        padding-top : 2px;
        width: 300px;
    }
    </style>

<style>
#pun-title .title-logo { 
display : none; 
}
</style>

низ:

Код:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

<script language="JavaScript">
    function showLDiv()
    {
    if(  document.getElementById("loginDiv").style.display == 'none' )
         document.getElementById("loginDiv").style.display = ''
    else document.getElementById("loginDiv").style.display = 'none'

    return false;
    }
    function check_form()
    {
    if(document.forms["form_login"].req_username.value=='' || document.forms["form_login"].req_username.value=='') {
    alert('Оба поля обязательны для заполнения');
    return false;
    }
    return true
    }
    url=document.URL
    if(url.indexOf("login.php")==-1  && document.getElementById('navlogin')){
    document.getElementById('navlogin').innerHTML  = "<a href=\"login.php\" onclick=\"return showLDiv()\"><span>Войти</span></a>"
    login = "<center><div id=loginDiv style=\"display: none; \">"

    login += "<form id=form_login name=login method=post action=\"login.php?action=in\" onsubmit=\"return check_form()\">"
    login += "<fieldset>"
    login += "<legend>Введите ваше имя и пароль ниже</legend>"
    login += "<input type=hidden name=form_sent value=1 />"
    login = login + "<input type=hidden name=redirect_url value="+document.URL+" />"
    login += "<br><table width=\"100%\" align=left>"
    login += "<tr><td align=left><b>Имя :</b></td><td align=left><input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"30\" maxlength=\"25\" /></td></tr>"
    login += "<tr><td align=left><b>Пароль :</b></td><td align=left><input type=\"password\" id=\"fld2\" name=\"req_password\" size=\"30\" maxlength=\"16\" /></td></tr>"
    login += "</table>"
    login += "</fieldset>"
    login += "<p class=formsubmit><input type=submit class=button name=login value=\"Войти\" /><br /> <a href=\"register.php\">Еще не зарегистрированы?</a><br /> <a href=\"login.php?action=forget\">Забыли пароль?</a></p>"
    login += "</form>"
    login += "</div></center>"

    document.getElementById('pun-navlinks').innerHTML += login
    }
    </script>

<br><span><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><b><center>[Баннеры]</center></b></a><div style="display: none">

<a href="http://durarara.anihub.ru/" target="_blank" title="Durarara!!"><img src="http://s53.radikal.ru/i140/1007/a7/9607b1403134.gif"></a> <a href="http://narunightlife.anihub.ru/" target="_blank"><img src="http://savepic.ru/1378047.gif" border="0" alt="naruto [tokyo night life]"></a>

</div></div> 
<div id="mybb-counter" style="display:none">
<script type="text/javascript"><!--
document.write('<img src="http://counter.yadro.ru/hit;ruhelp?r'+
escape(document.referrer)+((typeof(screen)=='undefined')?'':
';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+
';'+Math.random()+
'" width=1 height=1 alt="">')//--></script>
</div></P>

0

888

Тайси
1) Тэг <style> обязательно должен иметь атрибут type выглядеть так

Код:
<style type="text/css">

2) В самом конце первого блока стиля есть код

Код:
#pun-status.section .container,#pun-crumbs1.section .crumbs,#pun #pun-index #pun-announcement h2 span {
display:none;
}

а именно:
#pun-status.section .container - это "Привет, %username. Ваш последний визит: ..."
#pun-crumbs1.section .crumbs - это то, о чем вы спрашивали
#pun #pun-index #pun-announcement h2 span - слишком уточненное #pun-announcement h2 - ненавистное большинству слово "Объявление"
3) Уберите ненужные(в этом коде) и нужные вам селкторы (то, что перед фигурными скобками) из кода
4) ???
5) PROFIT

+1

889

Hebi
1) вы явно ошиблись темой форума
2) не совсем ясно какие именно надписи.
3) найдите селектор этой/этих надписей и создайте стиль (добавить рамку цвета #RRGGBB к любому объекту)

Код:
<style type="text/css">
селектор {
  border-style: solid;
  border-width: 1px;
  border-color: #RRGGBB;
}
</style>

4) Замените параметры из кода(и главное цвет) на ваши
5) Предлагаю почистить тему от нескольких последний сообщений с вопросами по оформлению и т.д., во избежании последующий вопросов не по теме.
6) ???
7) PROFIT

Отредактировано zloy.mh (20 Авг 2010 09:51:53)

+1

890

Как зделать чтоб растояние между форумом и шапкой (там, где стоят профиль, сообщения и т.д.) стало нормальным?
Форум
А вот картинка:

0

891

И ещё одно:
как зделать полупрорачный фон как на Этом форуме

0

892

1) Читаете сообщение из этой темы (вам нужна первая часть)
2) Рисуете свой фон
3) Вставляете фон на форум
4) ???
5) PROFIT

0

893

zloy.mh
спасибо, +)

0

894

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

Как зделать чтоб растояние между форумом и шапкой (там, где стоят профиль, сообщения и т.д.) стало нормальным?

1) Расстояние нормальное(посмотрите на фоновую картинку, которую вы не убрали), это у вас картинка слишком высокая для этого стиля
2) Лучше убрать фоновую картинку у селектора #pun

Код:
<style type="text/css">
#pun { background-image: none;
}
</style>

3) Замените ваш стиль в HTML-верх на этот

Код:
<style type="text/css">
#pun-title table { 
background-image: url("http://s61.radikal.ru/i173/1008/a8/20590437da7c.jpg");
background-position: 50% 0%;
background-repeat: no-repeat;
height: 420px;
}
#pun-title h1 { 
display: none;
}
</style>

Примечание. У вас цвет ссылок сольется с фоном.
4) Сами измените цвет ссылок на нужный
5)???
6) PROFIT

0

895

дайте пожалуйста код фона для вставления на форум.

0

896

Elena vampire
1) Неплохо бы почитать для начала FAQ по дизайну форума в CSS(ссылка на который есть вверху каждой страницы) второй пост в теме
2) Вставляете в HTML-верх

Код:
<style type="text/css">
html, body {
background: #цвет фона url("адрес картинки") no-repeat fixed;
}
</style>

3) Меняете значения на нужные вам (см. пункт 1)
4) ???
5) PROFIT

Отредактировано zloy.mh (20 Авг 2010 19:06:42)

0

897

zloy.mh
огромное спасибо, у меня еще вопрос.
Картинка и надпись выделенные в красный круг, их можно как нибудь убрать?
http://s004.radikal.ru/i206/1008/31/56cc219d1c3e.jpg

Отредактировано Elena vampire (20 Авг 2010 21:12:35)

0

898

Elena vampire
1) Рекламу убирать нельзя! Халявы не бывает, это условие использования бесплатного форума.
1.1) Но ее можно немножко двигать. Воспользуйтесь поиском по форуму.
2) Название сайта можно убрать кодом

Код:
<style type="text/css">
#pun-title h1 { 
display: none;
}
</style>

3) ???
4) PROFIT

Отредактировано zloy.mh (20 Авг 2010 21:36:03)

0

899

zloy.mh
спасибо.

0

900

zloy.mh написал(а):

4) Сами измените цвет ссылок на нужный

извините, но как?

0


Вы здесь » Техническая поддержка SpyBB » Архив » Вопросы по "Оформлению" - 2