Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Картинка в статистике, растояние между категориями и фон для рекламы


Картинка в статистике, растояние между категориями и фон для рекламы

Сообщений 1 страница 20 из 355

1

тестовый форум
http://arkania.rolevaya.com
http://s017.radikal.ru/i428/1504/8d/8564d25c525bt.jpghttp://s017.radikal.ru/i401/1504/1d/c0161e2f8b45t.jpg

Так вот нужно немного раздвинуть категории по высоте и поднять  сам текст ("Статистика", "Флудилка" и пр.)потому что когда они сворачиваются, то картинка налазит на этот текст.

И вторая проблемка: хочется поместить под статистикой такою же картинку и чтобы она не налазила на название форума внизу.
http://forumstatic.ru/files/0015/57/bb/79951.png

и третяя непонятка - это то, что рекламу хотелось бы поместить в такое же серое поле:

...

background-color: #e2dcd7 !important; /*фон окна*/
border-style: groove;
  border-width: 3px;
  border-radius:10px;
border-color: #292626; /*толщина, стиль и цвет рамки окна*/
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  -moz-border-radius:10px; 292626
  -o-border-radius:10px;
border-radius:8px;
box-shadow: 0px 8px 12px #000;
  -webkit-box-shadow:0px 8px 12px #000;
  -khtml-box-shadow:0px 8px 12px #000;
  -moz-box-shadow:0px 8px 12px #000;
padding:10px 10px 10px 10px;
text-align:center;
color:#000000 !important; /*цвет шрифта*/
font-size:12px; /*размер шрифта*/
font-family:Tahoma; /*шрифт*/

Отредактировано Lidia-Lada (Пт, 17 Апр 2015 19:40:38)

0

2

Lidia-Lada
Ну частично:
В Конец Первого Окна стиля:

.category {
min-height:70px;
}
#pun-stats > h2{
margin-bottom:21px;
}
#pun-stats .container {
background: #E2DCD7 url("http://forumstatic.ru/files/0015/57/bb/31856.jpg") top repeat-x;
}
#pun-stats .container table{
margin-top:-6px;
}

0

3

Lidia-Lada
Вы скобку потеряли перед вставленным кодом в конце первого Окна

.punbb .main .tr {border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px
}

0

4

Deff, спасибо. Пробую-химичу.

И получилось! Спасибо еще раз!Добавлено спустя 14 минут 31 секунду:

Отредактировано Lidia-Lada (Пт, 17 Апр 2015 22:15:41)

0

5

http://arkania.rolebb.ru/
Поставила скрипт разделяющий форум на блоки.

Код:
<script type="text/javascript">
if (document.URL.indexOf("viewforum")!=-1)
{var trs=document.getElementById('pun-main').getElementsByTagName("table")[0].rows
var io=1
for (io=1; io<=(trs.length-1); io++)
{if ((trs[io].className.indexOf("isticky")!=-1)&&(io==1))
{var portant=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(1)
var im=portant.insertCell(0)
im.innerHTML="Важные темы"
im.style.color="#000000"
im.style.backgroundColor="#494949"
im.colSpan="4"}
else if ((trs[io].className.indexOf("isticky")!=-1)&&(trs[io+1].className.indexOf('isticky')==-1))
{var normal=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(io+1)
var normal1=normal.insertCell(0)
normal1.innerHTML="Темы форума"
normal1.style.color="#000000"
normal1.style.backgroundColor="#494949"
normal1.colSpan="4"
}}}
</script>

а можно вместо заливки вставить изображение?
и сами слова "Важные темы" и "Темы форума" перемещать по оси Х?
менять высоту этого поля?

0

6

Lidia-Lada
http://savepic.ru/6856796.jpg

<script type="text/javascript">
if (document.URL.indexOf("viewforum")!=-1)
{var trs=document.getElementById('pun-main').getElementsByTagName("table")[0].rows
var io=1
for (io=1; io<=(trs.length-1); io++)
{if ((trs[io].className.indexOf("isticky")!=-1)&&(io==1))
{var portant=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(1)
var im=portant.insertCell(0)
im.innerHTML="<span>Важные темы</span>"
im.style.color="#000000"
im.style.backgroundColor="#494949"
im.colSpan="4"}
else if ((trs[io].className.indexOf("isticky")!=-1)&&(trs[io+1].className.indexOf('isticky')==-1))
{var normal=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(io+1)
var normal1=normal.insertCell(0)
normal1.innerHTML="<span>Темы форума</span>"
normal1.style.color="#000000"
normal1.style.backgroundColor="#494949"
normal1.colSpan="4"
}}}
</script>

<style type="text/css">
.hasicon td[colspan="4"]{
  background: #0E0E0E url("http://st0.bbcorp.ru/img/Mybb_The_Button/h2.gif") repeat-x 50% 100%;
  height:34px;
}
.hasicon td[colspan="4"] span{
  display:inline-block;
  position:absolute;
  margin-top:-9px;
  margin-left:54px;
}
</style>

0

7

Deff
а если картинку взять выступающую за ширину форума (в моем случае это 900 ширина форума, а картинки 1000 пикселей) использовать надо "z-index"? у меня с ним почему-то не получилось

0

8

Lidia-Lada
Выложите картинку, изобразите эскиз итога в Фш

0

9

http://sh.uploads.ru/t/8JKiZ.png

Тоесть вставить вот это
http://forumstatic.ru/files/0015/57/bb/10612.png

0

10

Lidia-Lada
Ок , к позднему вечеру поправлю

0

11

Lidia-Lada

Код:
<!-- Разделение форума на блоки -->
<script type="text/javascript">
if (document.URL.indexOf("viewforum")!=-1)
{var trs=document.getElementById('pun-main').getElementsByTagName("table")[0].rows
var io=1
for (io=1; io<=(trs.length-1); io++)
{if ((trs[io].className.indexOf("isticky")!=-1)&&(io==1))
{var portant=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(1)
var im=portant.insertCell(0)
im.innerHTML="<div><span >Важные темы</span></div>"
im.style.color="#000000"
im.style.backgroundColor="#494949"
im.colSpan="4"}
else if ((trs[io].className.indexOf("isticky")!=-1)&&(trs[io+1].className.indexOf('isticky')==-1))
{var normal=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(io+1)
var normal1=normal.insertCell(0)
normal1.innerHTML="<div><span>Темы форума</span></div>"
normal1.style.color="#000000"
normal1.style.backgroundColor="#494949"
normal1.colSpan="4"
}}}
</script>
<style type="text/css">
.hasicon td[colspan="4"]{
  background: transparent none!important;
  height:34px;
}
.hasicon td[colspan="4"] div{
  background: url("http://forumstatic.ru/files/0015/57/bb/10612.png") no-repeat 50% 100%;
  width:1000px; height:78px;
  position:absolute;
  margin-top:-39px;
  margin-left:-65px;
}
.hasicon td[colspan="4"] span{
  display:inline-block;
  position:relative;
  margin-top:29px;
  margin-left:453px;
  color:#B2A090;
  letter-spacing:1px;
  font: normal normal 700 14px/normal Tahoma;
  text-shadow:1px 1px 1px #000;
}
</style>

0

12

Deff
О! Огромное спасибо! Так  даже лучше, чем на эскизе

+1

13

все пыталась, выискивала как шапку таблицы форумов сделать вот так, как в фотошопе (вставить картинку, поднять название)
http://sg.uploads.ru/t/nhm7F.png
Нашла что отвечают за это #pun th и/или .punbb th, но куда их присобачить не сообразила Издевалась полдня над структурой и цветами своего стиля в админке. :( То форум едет, то таблица едет, то над каждой графой картинка появляется. :tired: 
И на главной тоже такое же хочется, но там сворачивание и не знаю как это все себя поведет. Плюс наверно отодвинуть категории друг от друга надо будет, но кажется я нашла как это делается. это во втором окне стиля? тут?

...

/* КАРТИНКА КАТЕГОРИЙ */

#pun-stats h2, .punbb .main h2 {
  background-color: transparent; /*цвет*/
  background-image: url(http://forumstatic.ru/files/0015/57/bb/79951.png); /*картинка*/
  background-repeat: no-repeat; /*повторение картинки*/
  background-position: bottom center; /*позиционирование картинки*/
  height: 51px;  /*высота контейнера*/
  text-align: center;
  margin-top: -20px;
  margin-bottom: 24px;
  }

...

http://forumstatic.ru/files/0015/57/bb/62402.png

Конечно это не горит. Но заранее спасибо если поможете идиоту :flirt:

0

14

1. Нафига нужна сворачивалка ???? На худой конец сделайте описание при наведении http://forumd.ru/
У Вас имхо не такой уж длинный форум, если уж совсем плохо, можно прилепить подфорумы:
Есть два вида -a) Подфорумы ссылками в описании основного форума, сами подфорумы скрываем установкой скрипта в описание форума(подфорума)  <script class="forumhide">$("script.forumhide").parents("tr[id^='forum_f']:first").hide();$("script.forumhide").remove()</script>
b) Есть скрипт подфорумов Прошу Помощи по созданию Подфорумов

2. Изобразите Скриншот как должно выглядеть на главной (Может завтра гляну)

0

15

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

Нафига нужна сворачивалка ????

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

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

У Вас имхо не такой уж длинный форум,

Потому что пришлось просто свалить все игровое и околоигровое в один форум и вспомогательное во второй. Чтобы на главной не было много-много форумов. Бесит длинная главная страница 

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

если уж совсем плохо

есть немного.
Спасибо за подсказку с подфорумами, за идею. Вариант "а)" наверно попроще, ведь получается, что в описании форума можно и красиво список оформить. Я ранее так думала, но не знала как скрыть сами форумы. Опробую эту спасительную строчку.

<script class="forumhide">$("script.forumhide").parents("tr[id^='forum_f']:first").hide();$("script.forumhide").remove()</script>

Красным указывается сама цифра после "id" в ссылке, правильно? и если форумов несколько, то просто для каждого дублировать скрипт, так? И ставить его неважно куда?

А во втором варианте уведомления о новых сообщениях есть, что тоже приятно радует. На свежую голову подумаю и соображу.

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

Изобразите Скриншот как должно выглядеть на главной (Может завтра гляну)

Накидала в фотошопе на примере категории "Флудилка"
http://sg.uploads.ru/t/bIc1u.png

Отредактировано Lidia-Lada (Вт, 21 Апр 2015 01:48:48)

0

16

Lidia-Lada написал(а):

<script class="forumhide">$("script.forumhide").parents("tr[id^='forum_f']:first").hide();$("script.forumhide").remove()</script>

Красным указывается сама цифра после "id" в ссылке, правильно? и если форумов

Нет, ничего не надо указывать, скрипт ищет обрамляющий форум <tr> , скрывает и самоудаляется
Все скрипты скрытия идентичны во всех описаниях, править ничего не нужно
============================================================
Подфорумы лучше ставить в ту же категорию, где и сам основной форум, либо в категорию, где есть хоть один форум видный всем пользователям и гостям
============================================================

Lidia-Lada написал(а):

Накидала в фотошопе на примере категории "Флудилка"

Завтра гляну, если не затюкают, чот обещалок масса

0

17

Выбрала вариант второй с подфорумами. Чисто визуально нравится.  :cool:
Да, и спасибо Кофеману за пояснялки в картинках. Быстрее разобралась.  :cool:
Только решетка не убирается почему-то. %-) Может конфликт скриптов...

Убрала сворачивалку. Только в объявление вставила

Код:
<a onclick="$('#1').slideToggle('slow');" href="javascript://">Свернуть/Развернуть</a> 
<div id="1">Ваша часть объявления</div>

А есть несложный(недлинный) способ сделать так, чтобы сохранялось состояние кнопки?

0

18

Lidia-Lada

Lidia-Lada написал(а):

Выбрала вариант второй с подфорумами. Чисто визуально нравится.  
Да, и спасибо Кофеману за пояснялки в картинках. Быстрее разобралась.  
Только решетка не убирается почему-то.

Переставьте скрипт замены(коричневый) сразу за первым скриптом в HTML низ:

<!--Скрипт подфорумы в форумах-->
<script type="text/javascript">forums_and_topic()</script>

<!--Скрипт замены символа "#" в подфорумах-->
<script type="text/javascript">
if(this.document==top.document){
SumbolChange="• "    //Наша Строчка Замены #форумах-родителей
var Xpattern="(»&nbsp;|>)#",Xregesp = new RegExp(Xpattern,"img"),x=SumbolChange
var Xpattern2="^#",Xregesp2 = new RegExp(Xpattern2,"img");
$(document).ready(function() {
if($(".punbb").attr("id")!="pun-index"){
var L=$("#pun-crumbs1 .container.crumbs").html().replace(Xregesp,'$1'+x);//alert(L)
$("#pun-crumbs1 .container.crumbs").html(L)
$("#pun-crumbs2 .container.crumbs").html(L)
L=$("#pun-main h1:first span").html().replace(Xregesp2,x)
$("#pun-main h1:first span").html(L);}
$("#pun-announcement,#pun-main,#pun-stats").find("a[href*='viewforum.php?id=']").each(function (){
L=$(this).html().replace(Xregesp2,x);//alert(L)
$(this).html(L);});
});}
</script>

2. Можно и круглую точку не ставить
Вместо SumbolChange="• "
SumbolChange=""

0

19

Lidia-Lada написал(а):

А есть несложный(недлинный) способ сделать так, чтобы сохранялось состояние кнопки?

Есть универсальная кнопка сворачивания, там можно проставить только селектор сворачивание объявления,
По идее в объяве удобнее сделать либо текст с прокруткой, либо поставить таблицу с вкладками
Пример: http://wov.mybb.ru/ (Кнопки вкладок - слева)

0

20

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

Переставьте скрипт замены

Спасибо! Помогло.

"'Подфорумы:" поменяла на "Разделы:". А можно чтобы список отображался так, что название первого подфорума было на одной строчке со словом "Разделы"?

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Картинка в статистике, растояние между категориями и фон для рекламы