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

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

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


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (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)