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

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

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


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (51)


Общие вопросы по оформлению (51)

Сообщений 661 страница 680 из 1000

Перевести1

Архивная тема помощи в оформлении форума и его элементов

Это архивная тема. Если вы хотите задать вопрос, пожалуйста, перейдите в следующую тему по ссылке ниже.

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Отредактировано Fover (Чт, 31 Окт 2013 05:16:27)

0

Перевести661

Помогите возникла проблема поставила  скрипт на сворачивание в топике

скрипт сварачивание двоинои споилер

<!-- Двойной спойлер Инфы в Профиле, в Топике -->
<script>
LIArray=new Array(
//это не скрывается

//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус

// 1 кнопка - ссылка на Картинку
"http://s019.radikal.ru/i638/1312/d8/d21e392d4934.jpg",

"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры

// 2 кнопка- ссылка на Картинку
"http://i017.radikal.ru/1312/76/05b7f7501863.jpg",

"pa-from",       //Откуда
"pa-fld1",       //Доп.Поле.1
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5

//Конец Списка,
"_End"
)
wrapp1="<li class='post-author-Sp'><img style='cursor:pointer' src='";
wrappEnd="'><ul  style='display:none'></ul></li>";
wrapp2="<li class='post-author-Sp Sp2'><img style='cursor:pointer' src='";

var L='',TsK1='',TsK2='';b=LIArray.length-1;
for(i=0; i<b; i++){a=LIArray[i];if(a.indexOf('http://')==0){TsK1=i;break;}}
for(j=i+1; j<b; j++){a=LIArray[j];if(a.indexOf('http://')==0){TsK2=j;break;}}
wrapp1=wrapp1+LIArray[TsK1]+wrappEnd;wrapp2=wrapp2+LIArray[TsK2]+wrappEnd;;

$(".post .post-author").each(function() {
Noset=true;
for(i=TsK1+1; i<TsK2; i++){a=LIArray[i];
  var C=$(this).find('.'+LIArray[i])
  if(C.length&&Noset){Noset=false;C.before(wrapp1);D=$(this).find('li.post-author-Sp ul')}
  if(C.html()!=null){C.appendTo(D)}
}

Noset=true;
for(i=TsK2+1; i<LIArray.length-1; i++){var C=$(this).find('.'+LIArray[i])
  if(C.length&&Noset){Noset=false;$(this).find('li.post-author-Sp').after(wrapp2);D=$(this).find('li.post-author-Sp.Sp2 ul:last')}
  if(C.html()!=null){C.appendTo(D)}
}
});
$(".post .post-author-Sp ").click(function() {
$(this).find('ul:first').toggle('slow')
});</script>
<!--Конец//=Двойной спойлер Инфы в Профиле, в Топике-->

И поставила  скрипт на рамку

но размка терь заходить за споилер   можно както в коде споилера  поправить чтобы не зализала рамка за него  немного здвинуть споилер вниз

скрин

http://s7.uploads.ru/jUMcf.png

адрес форума
http://rukadelie.topf.ru/

Отредактировано kolista (Вт, 10 Дек 2013 10:27:00)

0

Перевести662

kolista

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

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

0

Перевести663

Прошу прощения поправила

0

Перевести664

kolista
Во второе окно стиля:

Код:
li.pa-avatar {
  padding-bottom: 10px!important;
}

0

Перевести665

Fover
Спасибо огромноеее

0

Перевести666

Fover
не подскажете еще касаемо подписи: прилагаю скрин. пункт 1- линия, отделяющая подпись. ее убрать, картинку, которая будет заместо линии нужно сделать по центру. как?
http://s7.uploads.ru/gZviB.png
http://marvelau.rolka.su/viewtopic.php?id=10#p91

0

Перевести667

Fover
я пока на тестере делаю, стиль чтобы добить и настроить, нужно будет на
marvelwar.ru
а сейчас проблема на тестере - http://marvelau.rolka.su/viewtopic.php?id=10#p91
где и что в стиле прописать чтобы эта проклятая картинка, отделяющая подпис, была по центру?

0

Перевести668

Trinity Wane
В свой стиль:

.punbb .post-sig dt {
  content: url(ссылка на изображение) ;
  border: none!important;
  width: auto;
  height: auto;
  position: relarive;
  margin: 0px auto;
}

Отредактировано Fover (Вт, 10 Дек 2013 13:05:43)

0

Перевести669

И снова я) Поставили стиль, теперь хочу чтобы окантовочка (см. скрин) распространялась и на кнопки, но вот как сделать это?
http://s6.uploads.ru/wmRUZ.png
http://marvelwar.ru

0

Перевести670

Здравствуйте, существует такая проблема. Вопрос чересчур многократный, но увы из всех сотен тем о шапках, ничего не подошло, даже не нашел решение в каталоге скриптов. Так вот, в чем заключается проблема.
Адрес форума: http://republican12.rolevaya.net/
http://s7.uploads.ru/t/cmbN1.png
Я хочу сделать шапку на всю ширину краев форума (до фона) и до навигации, убрать эту синюю линию по возможности. А также что бы 3 шапки менялись через определенное время. Пересмотрел также тему о логотипах, но подходящего не нашел. Помогите в этом вопросе.

0

Перевести671

Предыдущую проблему решил, теперь с этого кода, мне нужно сделать так, что бы шапка, картинки(3 шт.) которой случайным образом будут меняться при каждом обновлении страницы. Видел такое в теме логотипы, но не смог правильно составить код, требуется ваша помощь, если можно, ответьте максимально быстро.

Код
Код:
<style type="text/css">
#pun-title TABLE, #pun-title h1{
 width:100%;
background; none;
}

#pun-title, #pun-title .container {
  background-image: url(http://th00.deviantart.net/fs71/PRE/f/2010/024/0/0/Star_Wars_2_by_JJasso.jpg);background-repeat:no-repeat; height: 600px; width: 105%; margin-left: -22px;
  }
</style>

0

Перевести672

Как выровнять панель навигации? значением margin или padding? Выглядит очень не ровно и не красиво, а также хотелось бы убрать синие черточки между кнопками, при этом хотелось бы, что бы навигация оставалась на шапка.

http://republican12.rolevaya.net/

0

Перевести673

Plo saah написал(а):

значением margin или padding? Выглядит очень не ровно и не красиво,

1.Обрежьте прозрачку с изображений кнопок справо-слево вплотную буквам - ибо криво из-за них!

Plo saah написал(а):

а также хотелось бы убрать синие черточки между кнопками,

В HTML верх

<style type="text/css">
#pun-navlinks li {
border: none 0;
}
</style>

0

Перевести674

Артем.Р написал(а):

У меня такой вопрос. есть BB код[more] [/more]он не читается на форумах и я без понятия как сделать так что бы он работал. спойлер конечно хорошо, но он мне не подходит получается крайне не красиво. Пример: [more=Читать дальше] спрятанный текст [/more]Надеюсь я понятно выразился)

Ни наю, так подойдёт ?
В HTML низ
Новая кнопка типо ~ http://s6.uploads.ru/qvtiu.png

Код:
<script type="text/javascript">
(function(){var m = '\[spoiler=&quot;$more..&quot;\]\',\'\[/spoiler\]';
var img = '<img src="http://s6.uploads.ru/g57Yn.png" style="width:17px;height:18px;margin-left:-16px;position:absolute" title="more.." onclick="bbcode(\''+m+'\')"/>';
$('#button-spoiler').append(img);
$('.post-content .spoiler-box>div[onclick]:contains("$more..")').each(function(J){
   $(this).hide().next().hide();var sp = $(this).parents('.spoiler-box:first').removeAttr('class').addClass('more').attr('id','m'+ J);
   var v=$('#m'+ J+'>blockquote>p:first');v.replaceWith('  '+v.html())
   var a=$('<a onclick="$(this).replaceWith($(\'#m'+ J+'>blockquote\').html())" style="text-decoration:none;margin-left:14px; cursor:pointer">more...</a>');
   a.appendTo(sp.prev('p'))
});
}())
</script>

Отредактировано Deff (Чт, 19 Дек 2013 14:13:53)

+1

Перевести675

Пост 669, ответьте пожалуйста.

0

Перевести676

Trinity Wane
Во втором окне стиля ищем и добавляем выделенное красным:

.punbb textarea, .punbb select, .punbb input, .punbb .button {
border-color:#b4afa5;
background-color: #dfdbd2;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-style: solid;
border-bottom-width:2px;
border-left-style: solid;
border-left-width: 0px;
border-right-style: solid;
border-right-width: 0px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top-style: solid;
border-top-width: 2px;
margin-bottom: 1em;
margin-left: 5px;
margin-right: 0px;
margin-top: 0px;
}

Имхо: Нагрузка на форуме ужасная, есть у вас картинка в футере весит 228КБ, а можно сделать такую же, но на 10КБ, да еще и напихали всякой фигни.
Интернет 150 мб/сек и у меня форум плохо грузится.

0

Перевести677

Помогите у меня на форуме свои стиль
И мне нужен тег код позволяющий  чтобы шапка выхадила за границы
Вот как щас у меня

скрин

http://s7.uploads.ru/s6dXL.png

Как хочу чтобы было

Скрин

http://s7.uploads.ru/DFgz9.jpg

мои форум http://rukadelie.topf.ru/

0

Перевести678

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

Помогите у меня на форуме свои стиль
И мне нужен тег код позволяющий  чтобы шапка выхадила за границы
Вот как щас у меня

Как хочу чтобы было

мои форум http://rukadelie.topf.ru/

Проще картинку надписи(на прозрачной основе) поставить отдельным блоком и спозиционировать относительно шапки
Типовые Вопросы п.п. 34-35

0

Перевести679

kolista, ваша картинка изначально не совпадает с тем, что вы хотите получить:

Смотреть текущую картинку

http://s012.radikal.ru/i319/1312/77/d3ef61e69f9a.jpg

Вы хотите, чтобы контур форума заканчивался границей, картинку которой вы задаете, а на рисунке шапки у вас после рамки еще идет черный фон.
Вы хотите, чтобы надпись была видна вся, но на исходнике она уже обрезана (слева)
Поэтому будет лучше, если вы эти картинки разделите. Задник поставите так же, как он стоит сейчас (хотя установлен он не на логотип, а на .punbb), а верхнюю прозрачную картинку можно будет поставить отдельно, и уже ее отпозиционировать так, как вам это нужно.

0

Перевести680

Помогите что не так ставлю вот этот код

Скрипт разделит таблицу форума на 2 части. Т.е. вместо списка разделов у вас будет боковая колонка с вашей информацией или новостями, а другая сторона сам форум

код

<script type="text/javascript">
   
var news1= new Array ("Заголовок", "Текст новостей");
var news2= new Array ("Заголовок", "Текст новостей");   
var block1="<div class=container style=padding:5px><h2><center>"+news1[0]+"</center></h2>"+news1[1]+"</div><br><br>";
var block2="<div class=container style=padding:5px><h2><center>"+news2[0]+"</center></h2>"+news2[1]+"</div><br><br>";
var arr=document.getElementsByTagName("div")
    i=0
    str=document.URL
    while(arr[i] ){
    if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="main"){
    name=arr[i].innerHTML
    name=name.substring(0)
    arr[i].innerHTML="<table><tr><td width=20% valign=top>"+block1+""+block2+"</td><td width=80%>"+name+"</td></tr></table>"
    }
    i++
    }
</script>

но возникла проблема жуткая форум стал вылизать за кроя
Как это убрать

Скрин

http://s7.uploads.ru/XIxYK.png

http://rukadelie.topf.ru/

Отредактировано kolista (Ср, 11 Дек 2013 23:40:59)

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (51)