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

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

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


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


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

Сообщений 101 страница 120 из 1001

1

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

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

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

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

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

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

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

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

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

0

101

Alex_63
встало, но опять криво

0

102

..Boleyn
Еще раз поправил

0

103

неа. ничего не изменилось.  :tired:

0

104

..Boleyn
Ни наю, у меня вродь норма, Отметьте на скрине- что не устраивает ?

0

105

Alex_63
возможно, надо как-то переименовать? ибо оно не в линию. "души" стоят ниже. а хочется чтобы ровно, без сучка и задоринки.
у нас - http://funkyimg.com/i/2exqv.png а хотелось бы - http://funkyimg.com/i/2exqu.png

0

106

..Boleyn
Поправил еще раз - вроде должно помочь

+2

107

вроде бы все ровно о.о

+1

108

http://cwscep.mybb.ru/viewtopic.php?id=453
Это ссылка на тему в которой представлена таблица в 6 столбцов. Таблица не мешает заполнению профиля и довольно проста в использовании. Кто-нибудь может написать код этой таблицы или вытащить из неё?

0

109

Александр Коровин
Сделайте скриншот, укажите стрелкой о какой таблице или эффекте идёт речь...

0

110

Александр Коровин
Перенес сюда => Выпадающая Табличка по клику на иконку в профиле топика:

0

111

Могу ли я сменить фон в этой части форума и цвет шрифта названия?

http://s3.uploads.ru/t/8TA4I.png

0

112

Reina_Avart
Доброго времени (:
Нет ничего невозможного хд Если фон картинкой, то #цвет url(картинка) соответственно

Код:
<style>
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
    color: #0D1218; /*цвет текста*/
    background: #8A9295; /*цвет фона*/
}
</style>

+2

113

Здравствуйте! Вопрос таков - есть таблица с вертикальными вкладками, но переключение происходит резкое, без эффектов. Как понимаете, душа требует плавности перехода. Скажите, пожалуйста, как реализовать. Ссылка на тестовик.
Добавлено спустя 57 минут 50 секунд:
И ещё встал вопрос: как убрать вертикальное центрирование кнопок вкладок? Чтобы они были были прикреплены к верхней границе таблицы.

Отредактировано Deisy- (Вт, 26 Июл 2016 18:27:18)

0

114

Deisy-
1. Замените HTML верх

Код:
<div class="priskazka">вот же</div><div class="priskazka_2">господитвоюмать</div>

<!-- ТАБЛИЦА -->
<div class="v_tablo_zasvetit"><table width=750px><tr>
<tr><td><div class="Kn"><img src='http://sg.uploads.ru/7VHtx.png'></div>
   <div class="Kn"><img src='http://se.uploads.ru/t/wp4GV.png'></div>
   <div class="Kn"><img src='http://s7.uploads.ru/t/bMA0e.png'></div>
  </td>
  <td>
   <div class="tb_wrap">
<!-- ПЕРВАЯ ВКЛАДКА -->
     <div class="tab">
Замануха лейсбийским сексом. Напомнить, что мы гостеприимны и не рвем жопы сразу после принятия. Не боимся скатиться в порнографию, ибо все равно все умрут. Кнопка некроморфа раком, потому что от этих новостей случается инсульт и выходит только рачком-бочком. Я хочу больше минимализма и ебучих скриптов, но чтобы форум весил не более 1 мб. Это возможнее, чем мое поступление на бюджет. 
     </div>

<!-- ВТОРАЯ ВКЛАДКА -->
     <div class="tab">
            ЕЩЕ РАЗ
     </div>

<!-- ТРЕТЬЯ ВКЛАДКА -->
     <div class="tab">
ЗАВЕРШАЮЩИЕ
     </div>
   </div>
  </td>

<!-- ССЫЛКИ -->
<td width=375px><table><tr><td><a class="link" href="http://beast.0pk.ru/viewtopic.php?id=2#p2">СЮЖЕТ</td></tr>

<!-- ТЕКСТ СПРАВА -->
<td><div class="tab2">Сюда-то шо. Пихать админов не вариант, мы и так везде светимся як Катюша над головами немцев. Куски постов? Да кому интересно. Смешные цитаты? Ммм. Можно, но сомнительное удовольствие. Конечно, я могу задрочиться и всучить сюда мини-профиль, но, честно, идея тоже так себе. Надо что-то информативное</div></td><tr></tr></table></td></tr></table>
</div>

<script type="text/javascript">
 $('.Kn').eq(0).addClass('active');
 $('.tab').eq(0).show();    
 
 $('.Kn').click(function(){
     $('.Kn').removeClass('active');
     $(this).addClass('active');
     var num = $('.Kn').index(this);
     $('.tab').fadeOut().eq(num).fadeIn();
 });
 //$('div.Kn').tipsy({fade: true, gravity: 'e Kn-title'}); 
 </script>
<!-- КОНЕЦ ТАБЛИЦЫ -->

2. Замените второе окно стилей

Код:
/*таблица*/
div.Kn {
    cursor: pointer;
    padding-top: 1px;
    height: 40px;
    width: 40px;
}

.v_tablo_zasvetit td:first-child {
    vertical-align: top;
}

div.tb_wrap {
    height: 112px;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    background: #212121;
    height: 112px;
    width: 355px;
    padding: 5px;
    margin-left: -1px;
    margin-top: 1px;
    text-align: justify;
}

div.tab {
    display: none;
    position: absolute;
    width: 352px;
}

div.tab2 {
    background: #212121;
    padding-left: 5px;
    padding-right: 5px;
    text-align: justify;
    overflow-y: auto;
    overflow-x: hidden;
    height: 104px;
}

div.link {
    background: #0a0a0a;    
    border: 1px solid #212121;
    padding: 2px;
}

/*Бегунки*/
::-webkit-scrollbar {
  height: 5px;
  width: 7px;
  background: #323232;
  }

::-webkit-scrollbar-thumb {
  background-color: #862900;
  border: none;
  }

/*Категория*/
.punbb .category .container {
  background: #212121;
  color: #a9a9a9;
}

/* Ссылки */

#pun-index .tcl h3 a {
  font-size: 18px;
  font-family: Phase;
  color: #a9a9a9;
  font-weight: normal;
  text-shadow: 1px 1px 1px #000;
}

#pun-index .tcl h3 a:hover {
  color: #862900;
}

a {
  text-decoration: none !important;
}

.punbb .category .container a {
  color: #862900;
  text-shadow: 1px 1px 1px #000;
}

/* иконки */
tr.inew div.icon {
  background: url('https://forumstatic.ru/files/000c/a1/ce/13288.png') top left no-repeat;
}

Поправил

+1

115

Alex_63
Благодарю! Только position: absolute лишнее - из-за него текст вышел за очерченные таблицей границы.
Разрешите узнать, с прикреплением кнопок вкладок к верхней границе таблицы поможете? На данный момент они отцентрированы по вертикали, чего не надо.

0

116

Deisy-
Замените стиль еще раз - поправил, убрал автоцентровку кнопок

+2

117

Здравствуйте! Сразу говорю: в оформлении учился, но пока понимаю что делаю, смутно. Полный чайник в дизайне форумов.
Вопрос такой:
Делал свой стиль, благодаря вашим урокам на форуме, смог сделать все, кроме одного - шапка форума. Сколько не пытался - не получается, что исправлять и добавить не знаю.
Где-то на вашем форуме нашел такой код для шапки:

Код:
<style type="text/css">
#pun-title .title-logo {display: none;}
#pun-title table {background-image: url(http://s018.radikal.ru/i516/1607/a8/a80adba53f05.png); background-repeat: non-repeat;}
</style>

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

0

118

Криментон
Замените Ваш код на:

Код:
<style type="text/css">
#pun-title .title-logo {display: none;}
#pun-title table{background:url(http://s018.radikal.ru/i516/1607/a8/a80adba53f05.png) no-repeat;background-size:cover;}
</style>

Поправил

0

119

Alex_63
Заменил. Вся шапка теперь просто белая. Не отображается совсем

Отредактировано Криментон (Вт, 26 Июл 2016 19:54:54)

0

120

Криментон
Соррь - ошибся, переставьте еще раз..(* Поправил в Том же посте

+2


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