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

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

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


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


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

Сообщений 761 страница 780 из 1000

1

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

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

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

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

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

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

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

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

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

0

761

Здравствуйте! Снова проблема с центрированием меню навигации. Оно у меня абсолютно позиционировано, иначе его никак не запихнуть на предписанное месторасположение. Но дело в том, что не могу его ровненько по центру поставить. Text-align: center не воспринимает. И даже с important. А двигать его маргином не эффективно, т.к. кнопок у гостя меньше, чем у админа, и смотреться будет некрасиво, не по центру.
Помогите, пожалуйста, http://testnikhroum777.rusff.ru/

0

762

Deff, ну теперь она хоть ровно встала) А как кнопки поднять ещё выше - прямо к самому края фона чтоб были, и чтоб текст располагался от края до края? И хотелось бы ещё уменьшить высоту фона...

0

763

Нэнси Малина написал(а):

Здравствуйте! Снова проблема с центрированием меню навигации. Оно у меня абсолютно позиционировано,

Для центрирование нун проставлять явно ширину:

/* D3.1 */
#pun-navlinks {
  width:790px;
  border-style: none;
  border-width: 0;
  margin-top: 0!important;
  position: absolute;
  top: 445px;
  text-align: center!important;
  }

+1

764

tiger_roman
Ccылку

0

765

Deff
спасибо вам огромное!))

0

766

Deff, в профиле ведь (2)
Ссылка

Отредактировано tiger_roman (Пн, 3 Мар 2014 16:37:58)

0

767

tiger_roman
Снимите скриншот и пометьте как нужно в итоге

0

768

Deff

Скриншот

http://s8.uploads.ru/t/EYFOQ.jpg

0

769

еще проблемка возникла
поставила этот скрипт

Код:
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 1	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; 
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"http://s9.uploads.ru/MfHkK.png[Информация об игроке]",
"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-from",       //Откуда
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"http://s8.uploads.ru/Ybm0W.png[Информация о персонаже]",
"pa-fld1",       //Доп.Поле.1
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3 
"pa-fld5",       //Доп.Поле.5
// 3 кнопка- ссылка на Картинку
"http://s8.uploads.ru/OKPvh.png[Награды и подарки]",
"pa-fld4",       //Доп.Поле.4
"award",      //Награды(только для rusff и ork)
//"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

почему-то он не функционирует
на другом форуме все нормально работало, ничего особо не меняла, только картинки
http://testnikhroum777.rusff.ru/

0

770

Нэнси Малина
Нет начала скрипта, идущего в HTML верх

0

771

tiger_roman

Код:
<!-- Cлайдер -->
   <div id="slider2" slide-width="772" slide-height="210" class="slider" style="padding:0;height:0;width:0;background:#77BA80"><style>/*
<!-- Две Кнопки слайдера -->
    <img button-width="42" class="button-left hide" src="http://s3.uploads.ru/KcP7S.png"/>
    <img button-width="42" class="button-right" src="http://s2.uploads.ru/aIH0D.png"/>
<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">
    1-й Контент
</div>
<!-- 2-й Контейнер слайдера -->
<div class="slider-content">
    2-й Контент
</div>
<!-- 3-й Контейнер слайдера -->
<div class="slider-content">
    3-й Контент
</div>
   */</style></div><script>$("#slider2").slideF();</script><!--//End Cлайдер --><br/>

 <!-- Стиль меню таблицы в объявлении -->
        <style type="text/css">
        /****************************************
           Таблица с переключаемыми Вкладками
        ****************************************/
        #tab2,#tab2*{
          paddibg:0;
          margin:0;
        }
        #tab2 {
          background:transparent url(http://savepic.net/3892155.png) 150px 0 no-repeat;
          height: 260px;
          width: 100%;
/*          outline: solid red 1px; Убираем Строку после настройки*/
        }
        #tab2,#tab2 td{
          border: none 0 transparent!important;
          border-collapse: collapse;
        }
        #brd{

          border: 3px solid #86C690!important;
          border-radius:14px;
         }
        img[data^="tab"]{
          cursor: pointer;
          height: 100%;
/*        outline: solid red 1px; Убираем Строку после настройки */ 
          border: none 0 transparent!important;
          margin: 10px 20px;
        }
        .tab-content {
          display: none;
          width: 398px;
          height: 295px;
          padding-top: 20px;
/*          outline: solid blue 1px; Убираем Строку после настройки*/
          color: #fff;
          overflow-y: auto;
        }
        </style>
<style type="text/css">
.wrp {
  display:inline-block;
  margin-left:0px;
}
.wrp .b{
display:none;
position:absolute;
z-index:300;
background-color:#fff;
box-shadow:3px 3px 6px #7E7C7C;
border-radius:7px;
border:7px solid #DBDBDB!important;
height:auto;
width:100px;
margin-top:-70px;
margin-left:-30px;
}
.wrp .a:hover{opacity:0}
.wrp:hover .b{display:block!important;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0012/e8/7a/87772.js"></script>
<center>
   <table  width=100% bgcolor="#77BA80"> 
      <tr>    
     <td height=260 align=center>
<div id=brd>
    <table id="tab2" class="tbl-0" border="0">
    <tr align=center>
    <td class="butt" valign=center align=center height=70>   <!-- Секция кнопок -->
    <img width="70" data="tab-1,http://savepic.net/3892155.png" src="/i/blank.gif" class="active"/>
    <img width="70" data="tab-2,http://savepic.net/3892155.png" src="/i/blank.gif"/>
    <img width="70" data="tab-3,http://savepic.net/3892155.png" src="/i/blank.gif"/>
    <img width="70" data="tab-4,http://savepic.net/3892155.png" src="/i/blank.gif"/>
    </td>
    </tr>
    <tr>
    <td  class="content" align=center>
    <!-- Контейнер контента 1-й кнопки -->
    <div id="tab-1" class="tab-content" style="display:block; font-family: Palatino Linotype;">Доброго времени суток, путник! Рады приветствовать тебя на нашем форуме. Надеемся, что наш дизайн не режет тебе глаза, буквы и слова не сливаются с фоном, а информация распределена так, чтобы можно было сразу всё найти даже новичку. 
<br>    Мы представляем из себя форумную ролевую игру по серии книг Эрин Хантер "Коты-Воители", а наша основная цель - создать уютную, добрую и тёплую атмосферу среди всех игроков форума. Помимо живого общения во флуде, мы создаём интересную игру, и, более того, ставим игровую часть прежде всякого флуда. Однако, стоит заметить, что наша ролевая игра полностью отдаётся той реальности, что создала Эрин Хантер в своей книге, поэтому игра, пусть и не строго, но каноничная. Это значит, что никаких сборищ крылатых созданий с нимбами здесь не может быть, также как и не может быть здесь "необычных" котов. И если тебя устраивает такое условие, то предлагаю тебе взять кружку горячего чая с лимоном и мёдом, тёплое одеяло, и присесть, полностью погружая себя в этот новый мир.
    </div>

    <!-- Контейнер контента 2-й кнопки -->
    <div id="tab-2" class="tab-content">
<span style="font-size:24px;font-family:'StudioScriptCTT';">Доска почёта</span>
<br><br><span style="font-size:16px;font-family:'Courier New';">Игрок месяца:</span>
<br><br>

<span class=wrp>
<img class="a" src="http://s8.uploads.ru/8K4ig.jpg"/>
<a href="http://lolo.mybb.ru/profile.php?id=290"><img class="b" src="http://s9.uploads.ru/tLl2v.jpg"/></a>
</span>

<br><br><span style="font-size:16px;font-family:'Courier New';">Игрок недели:</span>
<br><br>


<span class=wrp>
<img class="a" src="http://s9.uploads.ru/JoSz9.jpg"/>
<a href="http://lolo.mybb.ru/profile.php?id=202"><img class="b" src="http://s9.uploads.ru/NzhKp.jpg"/></a>
</span>

<br><br><span style="font-size:16px;font-family:'Courier New';">Модератор месяца:</span>
<br><br>
<span class=wrp>
<img class="a" src="http://s7.uploads.ru/ILmRD.png"/>
<a href="http://lolo.mybb.ru/profile.php?id=118"><img class="b" src="http://s7.uploads.ru/EK7qY.jpg" alt="Белосвет"/></a>
</span>
    </div>
    <!-- Контейнер контента 3-й кнопки -->
    <div id="tab-3" class="tab-content">
       <div class="list-top">
<br><span style="font-size:16px;font-family:'Courier New';">Администраторы:</span>
<br><br>

<span class=wrp>
<img class="a" src="http://s7.uploads.ru/kMgH5.png"/>
<a href="http://lolo.mybb.ru/profile.php?id=2"><img class="b" src="http://s6.uploads.ru/j7xq6.png" alt="Тигрозвёзд"/></a>
</span>


<span class=wrp>
<img class="a" src="http://s6.uploads.ru/VbZUm.jpg"/>
<a href="http://lolo.mybb.ru/profile.php?id=4"><img class="b" src="http://s6.uploads.ru/PMBFg.jpg" alt="Туман"/></a>
</span>


<span class=wrp>
<img class="a" src="http://s7.uploads.ru/2bVkm.jpg"/>
<a href="http://lolo.mybb.ru/profile.php?id=5"><img class="b" src="http://s6.uploads.ru/up3wX.jpg" alt="Янтарь"/></a>
</span>


<span class=wrp>
<img class="a" src="http://s6.uploads.ru/jfmN8.jpg"/>
<a href="http://lolo.mybb.ru/profile.php?id=8"><img class="b" src="http://s7.uploads.ru/tTiCF.jpg" alt="Май"/></a>
</span>


<br><br><span style="font-size:16px;font-family:'Courier New';">Модераторы:</span>
<br><br>


<span class=wrp>
<img class="a" src="http://s7.uploads.ru/ILmRD.png"/>
<a href="http://lolo.mybb.ru/profile.php?id=118"><img class="b" src="http://s7.uploads.ru/EK7qY.jpg" alt="Белосвет"/></a>
</span>

<span class=wrp>
<img class="a" src="http://s7.uploads.ru/GVHg1.png"/>
<a href="http://lolo.mybb.ru/profile.php?id=52"><img class="b" src="http://s6.uploads.ru/aHNpk.png" alt="Углелистый"/></a>
</span>

<span class=wrp>
<img class="a" src="http://s6.uploads.ru/g5ylk.png"/>
<a href="http://lolo.mybb.ru/profile.php?id=208"><img class="b" src="http://s7.uploads.ru/brKQl.png" alt="Змеелов"/></a>
</span>

<span class=wrp>
<img class="a" src="http://s6.uploads.ru/FpZtW.png"/>
<a href="http://lolo.mybb.ru/profile.php?id=278"><img class="b" src="http://s6.uploads.ru/MFdAj.jpg" alt="Сапфир"/></a>
</span>

<span class=wrp>
<img class="a" src="http://s7.uploads.ru/oyj7T.jpg"/>
<a href="http://lolo.mybb.ru/profile.php?id=269"><img class="b" src="http://s7.uploads.ru/V2saj.jpg" alt="Звёздная Искра"/></a>
</span>
</div>
    </div>
    <!-- Контейнер контента 4-й кнопки -->
    <div id="tab-4" class="tab-content">
<br><p align="center">Также советуем посетить тебе данные сайты.</p>

<br><a href="http://catswarriorshope.mybb.ru " target=_blank> <img src="http://belayazvezda.ucoz.ru/_fr/21/2360803.gif" border="0" alt="КВВН Заходи!" width="80" height="31"></a>

<a href="http://posledam.mybb.ru/" title="По следам Рассвета"><img src="http://uploads.ru/i/z/J/I/zJIHW.gif"></a>

<a href="http://tlkthebeginning.ru/" target="blank"><img src="https://forumstatic.ru/files/000a/f9/fe/78764.gif" alt="Король Лев. Начало"></a>

<a href="http://thesunsetwarriors.mybb.ru/"><img src="http://s6.uploads.ru/2IZ7M.png" title="The Sunset Warriors" target="blank"></a>

<br><a href="http://catsclan.mybb.ru/" target="_blank"><img src="http://savepic.ru/1742864.gif" alt="КВ|Дух Свободы" width="88" height="31" /></a>

<a href="http://warriorscats.1bb.ru/"><img src="http://savepic.net/1044365.gif" title="сыграй с нами. в жизнь."></a>

<a href="http://warriorssupport.ru/" target="blank"><img src="http://uploads.ru/i/H/1/P/H1Pfw.gif"></a>

<a href="http://cwosh.rolka.su/" target="blank"><img src="http://i051.radikal.ru/1209/db/5c59453e371b.gif" ></a>

<br><a href="http://cwbh.rusff.ru/" target="_blank"><img src="http://s5.uploads.ru/8IAGv.gif"title="Cats Warriors. Brave hearts"border="0"width="88" height="31"></a>

<a href="http://cwmor.0pk.ru/" target="blank"><img src="http://s5.uploads.ru/Pmw31.gif"></a>

<a href="http://rivercw.rolka.su/" target=_blank><img src="http://s5.hostingkartinok.com/uploads/images/2013/07/db3eab1ccc2831488b163e1a22b2270f.gif " width=88 height=31 alt="Коты-Воители  Река Истории" border=0></a>

<a href="http://warrrcatss.spybb.ru" target=_blank><img src="http://s5.uploads.ru/FTQfw.gif" border="0" alt="CW: Жизнь в лесу" ></a>

<br><a href="http://fegort.f-rpg.ru/"><img src="http://s5.uploads.ru/zU98u.gif"></a>

<a href="http://monogatari.mybb.ru/"><IMG alt="Tokyo no monogatari" src="http://s5.uploads.ru/t/yBM8Z.gif"></a>

<a href="http://cyanide.mybb.ru/" target="_blank"><img src="http://s2.uploads.ru/1Jh3Z.png
" title="CYANIDE" border="0" width="88" height="31"></a>

<a target="_blank" href="http://koti.rolevaya.ru"><img src="http://savepic.net/2548058.gif" ></a>

<br><a target="_blank" href="http://kotik2.rolevaya.ru/"><img src="http://savepic.su/634377m.gif" ></a>

<a href="http://cwibl.spybb.ru/" target="blank"><img src="http://s2.uploads.ru/VcljM.png"></a>

<a href="http://warriors.8bb.ru/" target="_blank"><img src="http://savepic.net/2825803.gif" border="0" alt="любовь к РКВ навечно" width="88" height="31" /></a>

<a href="http://steelandsky.mybb.ru/" target="_blank"><img src="http://s6.uploads.ru/IJPQU.gif" title="Переплетение стали и неба" border="0"width="88" height="31"></a>

<br><!-- "soosle.ru" -->
<a title="продвижение сайта в поисковых системах" href="http://soosle.ru/"><img src="http://soosle.ru/banner1.png" border="0" alt="продвижение сайта в поисковых системах" /></a>
<!-- "soosle.ru" -->
<a title="потолок из гипсокартона своими руками" href="http://kolonna.info/gipsokarton-potolki/"><img src="http://soosle.ru/free.png" border="0" alt="потолок из гипсокартона своими руками" /></a>

<a href="http://rolevayakvdevyatziznei.rolevaya.ru"><img src="http://s4.uploads.ru/VAYcx.gif"></a>

<a href="http://multymangaanime.mybb.ru/"><img src="http://i047.radikal.ru/1402/f7/66a70e2fc23a.gif" width=88 height=31 border=0></a>

<a href="http://mfanarutoshippuuden.mybb.ru/"><img src="http://i011.radikal.ru/1402/03/be7a7d16c89d.gif" width=88 height=31 border=0></a>
</div>
    </td>
    </tr>
    </table><script>$("#tab2").switch_tabs()</script><!--//End/-switch Tabs -->
</div>

         </td>
      </tr>
   </table>
</center>

0

772

Deff, спасибо, всё отлично)

Отредактировано tiger_roman (Пн, 3 Мар 2014 19:47:15)

0

773

tiger_roman
В слайдер с применением скриптов низзя втавлять теги </style>
<td><style="font-family: Lyrica Bold; font-size: 12px;">Игрок недели</style></td>
Тем более, что вид - неверный!
если нужно в теге применить cтиль , то вид такой:

<td style="font-family: Lyrica Bold; font-size: 12px;">....Ваш контент</td>

Отредактировано Deff (Пн, 3 Мар 2014 20:23:58)

0

774

http://funkyimg.com/i/GaKf.png
как убрать слово "форум" на главной?)

Отредактировано Caroline (Вт, 4 Мар 2014 06:53:58)

0

775

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

как убрать слово "форум" на главной?)

В HTML верх, или в конец первого окна стиля без Тегов

<style type="text/css">
.category th.tcl {visibility:hidden}
</style>

+1

776

Ещё раз здравствуйте. Подскажите, пожалуйста, как выровнять эти ссылки с фоном по правому краю? Они заползают под иконки, и это некрасиво.
Ссылка на форум

Скриншот

http://s9.uploads.ru/t/J43Lu.jpg

И ещё: как убрать иконку "онлайн/оффлайн" под спойлером, оставив ту, которая не под ним?

Скриншот

http://s8.uploads.ru/t/0fQhz.jpg

0

777

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

краю? Они заползают под иконки, и это некрасиво.Ссылка на форум

<style>
.nav {width:200px;margin: 0 5px 0 auto;}
.punbb .nav a{display: block; color:#000000; background-color: #88b55a; text-align: center; width:200px; padding: 2px; margin: 1px; text-decoration: none}
.punbb .nav a:hover{background-color: #291e09; color:#ffffff}
</style>

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

И ещё: как убрать иконку "онлайн/оффлайн" под спойлером, оставив ту, которая не под ним?

Переставьте скрипт

<!-- Картинки OnLine/OffLine в Профиле в топике  -->
<script  type="text/javascript"> var L0='<img class="imgON_Off" src="';
    var L1='" style="width:153px;margin-top:3px;" />';

    var ImgON="http://s8.uploads.ru/vVhdI.png";  // Картинка Online;
    var ImgOff="http://s8.uploads.ru/Bxd9I.png";  // Картинка OffLine;

    $("#pun-viewtopic .post .post-author ul").each(function ()   {
    if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
        }else $(this).append(L0+ImgOff+L1);
    });
</script>

До скрипта Спойлер под N кнопок

0

778

Доброго дня!
Подскажите как сдвинуть название подфорумов правее? http://tixajgavan.g3g.ru

0

779

Чёрт в юбке
Все эти вопросы сто раз рассмотрены в теме со скриптом: Прошу Помощи по созданию Подфорумов
В HTML верх

<style type="text/css">
.divParentFor {
  margin-top:10px!important;
  margin-left:5px!important;
}
.divParentFor h5 .title{
  display:block;
  margin-left:-5px!important;
  font-size:11px!important;
  margin-bottom:3px!important;
}
</style>

Отсутствует скрипт в начало НТМЛ низ для подфорумов!

<!-- Подфорумы Нижняя Часть, в начало HTML низ -->
<script type="text/javascript">forums_and_topic()</script>

Из-за этого не отображаются подфорумы в главном форуме!

Отредактировано Deff (Ср, 5 Мар 2014 15:22:58)

0

780

Как можно подобное исправить? Ссылка на форум - http://ideakf.mybb.ru/
http://s9.uploads.ru/TDrdf.jpg

0


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