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

Объявление

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

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

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

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

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


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


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

Сообщений 821 страница 840 из 1000

821

MariZZa
Большое спасибо)

0

822

можете мне помочь в создании такого кода??
очень вас прошу))

0

823

all
Это называется таблица. Картинка - фон, таблицы с текстом - ячейки.
Если не можете найти что-то, обращайтесь, но таблицу у нас делают в столе заказов.

0

824

Lisae
тогда мне нужно идти в стол заказов таблиц да???

0

825

Здравствуйте помогите пожалуйста.

У меня дизайн есть и у меня он отображается
хорошо , ну таблица стоит прямо http://forumupload.ru/uploads/000c/14/bc/4-1-f.jpg

а вот у других он отображается криво вот так http://yfrog.com/f/n955555p/
что мне делать ? может у меня что то с ходами не так?

0

826

all
Я зашел на ваш форум, все отображается нормально. Проверьте ваш код, либо киньте мне.
Возможно дело в браузере. У скольких человек ошибка такая? У всех или у 2-3?

+1

827

дизайнер что-то намутил с 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>

Отредактировано Тайси (21 Июл 2010 22:25:13)

0

828

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

Я зашел на ваш форум, все отображается нормально. Проверьте ваш код, либо киньте мне.Возможно дело в браузере. У скольких человек ошибка такая? У всех или у 2-3?

я уже все исправил.. уже нету ошибок))

0

829

Хочу сделать какой-то собственный фон, например как тут http://wolvessignatureblood.rolka.su , но не знаю как это аккуратно делается...
Как определить какой ширины например этот форум? хочется сузить свой фор немного и чтоб аккуратно вместился в контуры фона. Как менять ширину форума? И фон может быть только в виде двух вертикальных полос или например заезжать на сам форум, может бывают другие способы вставки фона?...
http://wwwlostparadise.spybb.ru/ мой.

0

830

А возможен ли такой скрипт, суть которого будет заключаться в том, чтобы он автоматически ставил картинку на фон форума в зависимости от разрешения экрана пользователя. То есть для пользователей 1280х1024 он ставил картинку аналогичного размера, а для 1024х768 он уже ставил картинку размером 1024х768 и так далее.
Спасибо заранее!

0

831

Скажите, а как можно делать форум полупрозрачным, чтобы еще регулировать настройки прозрачности? Заранее спасибо.

0

832

severin
Читаем FAQ по дизайну форума в CSS.
RikDes
Нет, просто делается фон с повторяющимся эффектом. У меня можно видеть, что фон идет так, хотя сделан из одной картинки. Ширина тоже самое.
Вита
Зависит от того, свой стиль у вас, или вы с помощью скриптов меняли его.
Если свой, то читаем FAQ по дизайну форума в CSS и настраиваем.

0

833

Lisae
Наверно я слепая : D Не увидела. Наверно, надо тыкнуть прямо в рожу)
У меня "свой" стиль. Из генератора. Как сделать, его чуть прозрачным? Не полностью, а на 50% где то? http://ololoololololololo.spybb.ru/ вот.
извините что достаю.

0

834

Вита
Я уже писал. Читаем FAQ по дизайну форума в CSS.

0

835

Вита, извиняюсь, что влажу.

Вы хотите сделать так, чтобы было аналогично дизайну форума Lisae?
Если да, то ответ прост: полупрозрачный белый фон форума, является частью фонового рисунка.
а весь фон убирается добавлением в HTML-верх кода (недеюсь, что сразу Lisae не забанит меня сразу)

Код:
<style type="text/css">
#pun,.punbb .main .container,.punbb td.tc3, .punbb td.tcl, .punbb .section .container,.punbb .section .formal .container,.punbb .formal fieldset,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .post-body,.post-box,.punbb .post-links,.punbb-admin #pun-admain .adcontainer,.punbb .info-box,.punbb #pun-main .info-box .legend,#pun-ulinks .container,.punbb .post .container,.punbb .post h3,.punbb .post h3 span,.punbb td.tc2,.punbb td.tcr,#pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-debug h2,.punbb-admin #pun-admain h2,.punbb .modmenu .container,.punbb select,.punbb input,.punbb th,#pun-stats div.statscon,#pun-crumbs2 .container,#pun-about .container,#pun-main fieldset legend span, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background:transparent !important;
}
</style>

<style  type="text/css">
*{border-style: none !important;}
</style>

код делает прозрачными фоны всех элементов, оставляя только текст и картинки.

Если нет, то тут уже сложнее:
В двух словах: вместо фонового цвета элемента, вы вставляете заранее приготовленный полупрозрачный рисунок нужного цвета.
Как это делается на деле:
1) Заходим в Администрирование -> Стиль. Там в поле Цвета style_cs.css ищем элементы, цвет которых будем изменять.
Попробовал создать стиль с помощью генератора стилей и сразу скопировал блок поменьше в пример.
На глаза попадается мелкий блок: стиль Цитат и Кодов:

Код:
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #E3E3E3;
  color: #404040
  }

2)
a) Открываем фотошоп(или любой редакто, который поддерживает сохранение полупрозрачных рисунков).
b) Создаем документ с прозрачным фоном и размерами 30х30.
c) Выбираем основной цвет #E3E3E3  (копируем значение свойства background-color элемента)
d) Заливаем весь слой этим цветом
e) Даблклик по слою. И в окне Стиль слоя выставляем свойство Непрозрачность(самый верхний ползунок). Процентов 70% для первого раза будет достаточно. Наилучшее значение подбирается экспериментально.
Изображение готово, теперь его нужно правильно сохранить.
f) Заходим Файл -> Сохранит для Вэб... . В правом верхнем углу из второго выпадающего списка выбираем пунк PNG-24. Возле свойства Прозрачность должна стоять галочка. Если ее нет - ставим.Жмем кнопку Сохранить и сохраняем файл. к примеру e3e3e3.png
С создание фонового изображение разобрались.
3) заливаем изображение на любой имэджхостинг, и копируем его адрес.
4) Возрящаемся в Администрирование -> Стиль. Снова находим нужный блок, и удаляем строку background-color: #E3E3E3;, а на ее место вставляем background: transparent url("ссылка на изображение/e3e3e3.png") repeat;
Должно получиться

Код:
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background: transparent url("ссылка на изображение/e3e3e3.png") repeat;
  color: #404040
  }

5) Жмем кнопку Сохранить
6) Переходим/создаем пост с цитатой или кодом. и проверяем результат.
7) Если полупрозрачность появилась, но нужно прозрачней/менее прозрачней, то возвращаемся к пункту 2.
8) повторяем все перечисленные действия, для остальных элементов :)
9) ???
10) PROFIT

P.S. Если не забанят и будет действительно необходимо - готов создать (если он еще не существует) полноценный туториал со скриншотами и подробным описанием.

Отредактировано zloy.mh (11 Авг 2010 06:00:55)

+1

836

Как заменить ссылки меню картинками? Устала уже искать >____<

0

837

Amelia Lein, если правильно понял, вы ищите этот скрипт. Пункт Замена МН на картинки

Отредактировано zloy.mh (11 Авг 2010 18:31:35)

0

838

Как можно видоизменить цитату

такую

и код

Код:
такой

чтобы можно было в скрипт поставить свой фон (картинкой или просто цветом) + установить ширину обводки и её цвет.
http://s53.radikal.ru/i141/1008/62/ce88699b1928.jpg
я вот мудрила с кодами в ксс, но ничего дельного не вышло.

0

839

Hayase
Что-то не понял я вас. Вам нужно установить фон кода и цитаты, а также ширину границ?
Вам с CSS или скрипт дать?

0

840

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

Что-то не понял я вас. Вам нужно установить фон кода и цитаты, а также ширину границ?

та.

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

Вам с CSS или скрипт дать?

желательно ксс

0


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