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

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

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


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


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

Сообщений 141 страница 160 из 1000

1

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

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

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

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

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

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

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

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

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

+3

141

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

Перекрыли - Наехали таблицей в Шапке
В HTML верх

большое спасибо!)

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

В Доп. Поле: О герое: - не проставлена возможность редактирования ток Админам - Модерам (HTML в таком поле не работает!)

спасибо за напоминание!

Все заработало)

0

142

А слышно ли что-нибудь новое о хостинге saverpic.su?

0

143

дублирую
Доброго времени суток, помогите разобраться с размерами шрифта на форуме.
*Сейчас стоит один размер для всех ссылок на форуме, как сделать что бы был определенный размер для каждого из отмеченных красным на скриншоте.
*И как сделать другой шрифт на форуме (кроме ссылок) ?
* + как сделать цвет ссылок при наведение черным цветом.
*+ еще нужно что бы в категориях остался шрифт который установлен для ссылок и категории были текстом а не картинками.

http://sanctorum.artbb.ru

СКРИНЫ

http://se.uploads.ru/t/jSeGt.png
http://s9.uploads.ru/t/u4p50.png
http://s6.uploads.ru/t/98PTy.png
http://s4.uploads.ru/t/bv6Se.png

_____________

*Есть второй форум http://whitepr.0pk.ru он для примера - как сделать оформление каждого окна как отмечено красным на скринах

СКРИНЫ

http://s8.uploads.ru/t/XYLCo.png
http://s6.uploads.ru/t/KfqD2.png
http://sg.uploads.ru/t/hPS2a.png
http://sf.uploads.ru/t/m59IW.png
http://s1.uploads.ru/t/A09MZ.png

Спасибо!

Отредактировано bloody_death (Пт, 28 Окт 2016 17:15:44)

0

144

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

Ксать файл всего 16 кб, а на Свою страницу влазит 64кб... , так шо если там одна ток мапка - по объему и  так влезет на страницу

А, чёрт, действительно. Я думал там ограничение на 16к символов. Но если можно скриптом, то было бы неплохо. Для других целей пригодилось бы, если вам не лень.

0

145

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

Хм... а, может быть, сделать просто прозрачность?

Добавка синим

<style>#changeStyle img{border:solid 2px transparent;opacity:.5;}
.STYLselect {border-color:red!important;opacity:1.0!important;}

+1

146

Mirra Bell написал(а):

А слышно ли что-нибудь новое о хостинге saverpic.su?

Ни наю, пока вроде никаких изменений - Лежит...

0

147

bloody_death
1. В Конец Второго Окна стилей

.category h2{
  color:#3045b6!important;
  font-family:PressStart2P-Regular;
  font-size:13px;
  text-decoration:none;
  text-align:center ;
}

2.

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

И как сделать другой шрифт на форуме (кроме ссылок) ?

В Первом Окне подставляйте тут нужный: ( Красное тоже лучше оставить - для надежности

/* A3.2 */
.punbb {
  font: normal 13px pt sans, arial, helvetica, sans-serif;
  }

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

* + как сделать цвет ссылок при наведение черным цветом.

Во Втором Окне добавка синим >

/* CS3 Links
-------------------------------------------------------------*/
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #3045b6;
border-bottom: 0px none #000000;
font-family: PressStart2P-Regular;
font-size: 13px;
text-decoration: none;
text–transform: lowercase;}

.punbb a:hover {
  color:#000!important;
}

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

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

Определяйте селекторы > Инструменты для поиска и редактирования стиля (скриптов). ,  Прописывайте нужный font-size:XXpx!important;

+1

148

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

как сделать оформление каждого окна как отмечено красным на скринах

Не совсем понял - что требуется

+1

149

Alex_63
Спасибо Вам большое =) очень выручили.
http://whitepr.0pk.ru/
вот здесь в категориях везде одна и та же картинка.
-в форумах темы-подсвечиваются фоном цветом с синего на зеленый.
-оформление кнопок-отправить посмотреть
даже там где http://whitepr.0pk.ru/viewtopic.php?id= … =5#p120820 тема открывается вверху картинка которая на главной к категории "НАБОР ПЕРСОНАЛА"
и подсвечивается, как в принципе и здесь на форуме
-Alex_63                         Сегодня 21:58:55                148          Поделиться-

0

150

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

вот здесь в категориях везде одна и та же картинка.
-в форумах темы-подсвечиваются фоном цветом с синего на зеленый.
-оформление кнопок-отправить посмотреть
даже там где http://whitepr.0pk.ru/viewtopic.php?id= … =5#p120820 тема открывается вверху картинка которая на главной к категории "НАБОР ПЕРСОНАЛА"
и подсвечивается, как в принципе и здесь на форуме

:glasses: А должно быть - как ?

0

151

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

bloody_death написал(а):
*Сейчас стоит один размер для всех ссылок на форуме, как сделать что бы был определенный размер для каждого из отмеченных красным на скриншоте.
Определяйте селекторы > Инструменты для поиска и редактирования стиля (скриптов). ,  Прописывайте нужный font-size:XXpx!important;

нет, не получается, меняется весь текст на форуме когда прописываю селекторы
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited;
font-size: 11px;

0

152

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

А должно быть - как ?

Это пример на форуме, как сделать так как на нем )))  :blush:

0

153

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

нет, не получается, меняется весь текст на форуме когда прописываю селекторы

Прописывать нун Размер шрифта ссылок для каждого родительского селектора  в отдельности! И Лучше в Первое Окно стилей
К примеру: (Для Пользовательских ссылок  Активные темы, Мои Сообщения и т.п)

#pun-ulinks a {
  font-size:11px!important;
}

В общем Кликаете правой кнопкой мыши по ссылке - выбираете Просмотр кода элемента, далее в инспекторе смотрите ID родителя(к примеру как я указал - #pun-ulinks ), прописываете в стиль...

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

Это пример на форуме, как сделать так как на нем )))

Аналогично и тут - Пробуйте

+1

154

Werkot
Вставляете на свою страницу, в нужное место такой код:

<!--Подгрузка HTML на свою страницу-->
<script type="text/javascript"><!--// после каждой перезаливки  в админку файла(XXXXX.txt), - меняем ниже XXXXX на новые цифры !!! //-->
var µ;(function(){var a="html_HTML_PAGE";if(a==µ)return;µ=a;var b=BoardID.toString(16),c='/files/00000000'.substr(0,15-b.length)+b,f2="/76417.txt?=0",
lnk=c.replace(/(.{11})(.{2})(.{2})/,'$1/$2/$3')+f2, b='<!--|·|-->',html, c='/',reg=eval(c+b+c+'g'),b=b.split('|·|'),storag=window.localStorage;
var d=+new Date();if(storag)html=storag[a];if(html){c=html.split(reg);if(c=(c[1]==lnk && d-c[2]<864000000)){document.write(html);return;}}
if(!html||!c){c=!c?d:'';html = $.ajax({url:lnk+c, async: false, cache:!!c}).responseText;document.write(html);
if(!storag)return; storag[a]=b[0]+lnk+'·'+ d + b[1]+html}}());
</script>

Концовку имени файла в скрипте меняете, после каждой правки - перезаливки файла(в противном случае будет у Вас будет отображаться старый вариант до очистки куков, а после очистки вообще не будет)


+3

155

Добрый вечер! Хотелось бы найти скрипт, который при наведении на текст высвечивает блок, в который можно ставить картинки и текст. Вообще хотелось бы, чтобы при наведении на картинку высвечивался этот блок с текстом. Этот блок можно оформить на свой вкус.
Пример: http://newlegacy.ru/ (там где слова  Babe • Bitch • Gossip • Ripper • Minx)
И еще, помогите пожалуйста найти скрипт для профиля, когда наводишь на аватар и высвечивается информация.

Отредактировано Heidi (Пн, 31 Окт 2016 20:28:52)

0

156

Heidi

Ну например:
    <a class="tooltip5" href=http://supernaturalbrothers.rolka.su/profile.php?id=706>
    <img src=http://s0.uploads.ru/t/tNnAj.png class="Hoverbuttons"  title=Fesor>
    <span class="custom text">
   
<!-- Тут Ваш контент -->
    </span></a>

Cтиль:(В HTML верх или без тегов в Свой стиль)

<style>.tooltip5 {
      position: relative !important;
    }
    .tooltip5 >span {
      display:none;
    }
   .tooltip5:hover>span {
  background: url(Ccылка на своё фоновое);
      border-color:#161d24;
      color: #8b95a1; font-size:11px;
padding:5px !important;
      display:inline-block;
      position: absolute !important;
      margin-top: 45px !important;
margin-left: -110px !important;
      z-index: 99;
      width: 310px !important;
box-shadow: 0 0 3px #26112 inset;
box-shadow: 0 2px 3px rgba(0,0,0,0.6)
    }
</style>

+2

157

Deff
Спасибо, попробую!
А второе не знаете?

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

И еще, помогите пожалуйста найти скрипт для профиля, когда наводишь на аватар и высвечивается информация.

0

158

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

И еще, помогите пожалуйста найти скрипт для профиля, когда наводишь на аватар и высвечивается информация.

Всплывающая информации доп. поля профиля на аватаре

+1

159

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

Сама таблица
Код:
    <style>
    #tstTable{
      margin-left:-12px;
      position:relative;
      height:290px;
      width:800px;
    }
    #tstTable td{border:none 0 transparent!important;}
    #tstTable #First + td{
      width:593px;
      height:290px;
      background:url(http://s3.uploads.ru/eCu5t.png);
    }
    #tstTable #First,#tstTable #First + td{
      padding:0!important;
    }
    #tstTable table[id]{
      width:100%;
      position:absolute;
      display:none;
    }
    #tstTable .navbuttons td{
      padding: 10px;
      cursor:pointer;
      text-align:center;
      font-weight:700;
      font-size:1.1em;
      border:none 0 transparent !important;
    } 
    .tabindex {
      height: 240px;
      width: 100%;
      position: relative;
    }
    .tabindex p {
      font-weight: 700;
    }
    #tstTable #First a {
      display: block;
      width: 206px;
      background: url(http://s7.uploads.ru/5tOku.png);
      color: #fff;
      text-align: center;
      padding: 12px 0;
      font-weight: 700;
      font-size: 14px;
    }
    #tstTable #First a:hover{
      background:url(http://s7.uploads.ru/u5cqo.png);
    }
    </style>
     
    <table id="tstTable" cellspacing=0 cellpadding=0>
    <tr>
    <td style="width:206px;" id="First">
      <a href="адрес_ссылки">Ссылка</a>
      <a href="адрес_ссылки">Ссылка</a>
      <a href="адрес_ссылки">Ссылка</a>
      <a href="адрес_ссылки">Ссылка</a>
      <a href="адрес_ссылки">Ссылка</a>
      <a href="адрес_ссылки">Ссылка</a>
      <a href="адрес_ссылки">Ссылка</a>
    </td>
    <td  align=center>
     
    <table class="navbuttons"><tr>
      <td id="btn1">Важное</td>
      <td id="btn2">Администрация</td>
      <td id="btn3">Квесты</td>
      <td id="btn4">Объявления</td>
    </tr></table>
     
    <div class="tabindex">
     
    <table id="tbl1"><!-- Важное --><tr>
      <td>
        <center>
        Первая вкладкa, Текст...
     
        </center>
      </td>
    </tr></table>
     
    <table id="tbl2"><!-- Администрация --><tr>
      <td>
        2-я Вкладка 
      </td>
    </tr></table>
     
    <table id="tbl3"><!-- Квесты --><tr>
      <td>
        3-я Вкладка
      </td>
    </tr></table>
     
    <table id="tbl4"><!-- Объявления --><tr>
      <td>
        4-Я вкладка
      </td>
    </tr></table>
     
    </td></tr>
    </table>
     
     
    <script type="text/javascript">
    $(function(){
      $("#tstTable #tbl1").fadeIn(200);
      $(".navbuttons td#btn1").addClass("active");
      $(".navbuttons td").click(function(){
        var num=$(this).attr("id");
        if(num)num=num.split("btn")[1];
        $(".navbuttons td").removeClass("active");
        $(this).addClass("active");
        $("#tstTable table[id]").fadeOut(200);
        $("#tstTable table[id='tbl"+num+"']").fadeIn(200);
      });
    })
    </script>

http://testomes.hutt.ru/ - тестовик форума

Скрин

http://s0.uploads.ru/5xAQF.png

0

160

Массаракш написал(а):

http://testomes.hutt.ru/ - тестовик форумаСкрин

:glasses:  А поправьте в ФШ как должно быть...
Ибо неясно к чему стремиться

0


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