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

Поделиться1Вт, 16 Июн 2015 19:18:06

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 21:57:05

Предыдущая тема: Общие вопросы по оформлению (55)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

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

+1

Поделиться301Пн, 27 Июл 2015 00:35:57

Автор: Asmodey
Заслуженный
Зарегистрирован: Вт, 8 Фев 2011
Сообщений: 73
Уважение: +6
Позитив: +27
Последний визит:
Вс, 20 Ноя 2016 02:11:14

Alex_63, Deff, огромное спасибо) Три часа голову ломала)

0

Поделиться302Пн, 27 Июл 2015 00:44:36

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 21:57:05

Asmodey
Cкрипт Валюты ставьте раньше скрипта Дайсов в HTML низ, тогда баллы не будут рисоваться в Дайсах

+1

Поделиться303Пн, 27 Июл 2015 15:00:43

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 17 Апр 2024 11:16:30

Alex_63
Deff
Спасибо, все поправила, но с аватаром ничего не изменилось, все равно оформление мини-профиля не видно. Теперь уже и у меня и в хроме, и в мозилле http://almarein.spybb.ru/

0

Поделиться304Пн, 27 Июл 2015 15:58:01

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 21:57:05

Mirra Bell
Пробуйте заменить Второе Окно Стиля целиком:

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/

#pun-title .title-logo {display: none;}
#pun-title table {background-image: url("http://forumstatic.ru/files/0001/31/13/28062.jpg"); background-repeat: no-repeat; }

#pun-about p.container {
background: url("http://forumstatic.ru/files/0001/31/13/69888.jpg") transparent repeat;
width: 2100px;
height: 201px;
margin: -8px 0 -217px -455px;
font-size: 0px;
}

/* CS1.1 */
.punbb .section .container, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #transparen;
  color: #3f2a12;
  }

.punbb .post-links{
  color: #4b4334;
  margin-right: 4px;
  border-bottom: 0px dotted #754e3f;
  }

.punbb .post-body {
  background-color: #e0ccad !important;
  color: #4b4334;
  margin-right: 4px;
  border-bottom: 0px dotted #754e3f;
  font-size: 110%;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb-admin #pun-admain .adcontainer {
  background-color: #transparent;
  color: #040404;
  }

.punbb .post h3
{
  margin-top: -10px;
  margin-right: 3px;
  margin-left: 5px;
  background-repeat: no-repeat;
  background-position: top right;
}

/* CS1.3 */
.punbb .main h1 {
text-align: center;
height: 80px !important;
text-transform: uppercase;
width: 1000px;
margin-left: -24px;
margin-right: -12px;
background-repeat: no-repeat;
background-color: transparent;
background-position: top center;
margin-top: -5px;
margin-bottom: 0px;
padding-bottom: 0px;
color: #bfaf95;
font-weight: normal;
font-style: normal;
}

#pun-debug h2, .punbb-admin #pun-admain h2, .punbb .main h2{
text-align: center;
height: 80px !important;
text-transform: uppercase;
margin-left: -14px;
margin-right: -12px;
background-repeat: no-repeat;
background-color: transparent;
background-position: top center;
margin-top: -10px;
margin-bottom: 0px;
padding-top: 0px;
color: #bfaf95;
font-weight: normal;
font-style: normal;
}

#pun-stats h2{
text-align: center;
height: 90px !important;
text-transform: uppercase;
margin-left: -14px;
margin-right: -12px;
background-repeat: no-repeat;
background-color: transparent;
background-position: top center;
margin-top: 30px !important;
margin-bottom: 20px;
padding-bottom: -30px;
color: #331612;
font-weight: normal;
font-style: normal;
font-size: 110%;
}

/* CS1.4 */
#pun-title, #pun-title .container {
  background-color: transparent;
  color: #040404;
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #ebebeb;
  color: #040404
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #transparen;
  color: #040404
}

/* CS1.7 */
/* рамка у аватара*/
.punbb textarea, .punbb select, .punbb input, .punbb .quote-box, .punbb .code-box {
border: 3px solid brown;
padding: 0px;
-moz-border-image: url(http://forumstatic.ru/files/0001/31/13/99986.png) 3 round round;
-webkit-border-image: url(http://forumstatic.ru/files/0001/31/13/99986.png) 3 round round;
-o-border-image: url(http://forumstatic.ru/files/0001/31/13/99986.png) 3 round round;
border-image: url(http://forumstatic.ru/files/0001/31/13/99986.png) 3 round round;
background-color: rgba(255, 255, 255, 0.5);
}

/* CS1.8 */
#pun-navlinks .container {
text-align: center;
  background-color:  transparent;
  color: #564265;
}

.offline li.pa-online strong {
  font-weight: normal
}


/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #transparent;
}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #9e8f73;
}

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparen;
}

.punbb .post .post-body {
  border-color: #9e8f73;
}

/* CS2.5 */
.punbb th {
  border-color: transparent;
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  box-shadow: 0 0 15px #352d2a;
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent
}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
}

.punbb .divider {
  border-color: transparent;
}

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 0px none #9e8f73;
}

li.pa-online {
  border-left-color: #9e8f73;
}

.punbb .post-sig dt {
}



/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.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: #574a35;
  border-bottom: 0px none #000;
  text-decoration: none;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333333
}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #574a35;
    border-bottom: 0px none #000;
  text-decoration: none;
}

/* CS3.3 */
#pun-navlinks a {
  color: #bfaf95;
  border-bottom: 0px none #000;
  text-decoration: none;
}

/* CS3.4 */
#pun-navlinks {top: -900px !important; }
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #bdad93;
  font-weight: normal;
  font-style: normal;
  font-size: 115%;
  border-bottom: 0px none #000;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #574a35;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/
div.icon {border-color: transparent}
tr.iredirect div.icon {border-color: transparent}
div.inew {border-color: transparent}

.punbb td div.tclcon {margin-left: 10px;}

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 90px; top: 10px}

#pun-announcement h2 {display: none}

#pun-announcement .container{
padding-top: 1em
}

#pun-title h1 span  {display: none}

#pun-main h2, #pun-navlinks{
font-size: 78%;
text-transform: none;
font-weight: bold;
}

#pun-main h2 {
text-align: center; background-image : none;
background-repeat: no-repeat;
background-position: center center; height: 80px
display: none
}

#pun-main h2 {
text-align: center; background-image : none;
height: 80px !important; text-transform: uppercase;
margin-left: -14px;
margin-right: -12px;
}


#pun-main div.catleft, #pun-main div.catright {
  display: none
}


.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
  filter:alpha(opacity=40);
  opacity: 0.6 !important;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter:alpha(opacity=100);
opacity: 1.0 !important;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}

#pun-viewtopic .pa-avatar {
background-repeat: no-repeat;
border: 3px solid brown;
padding: 0px;
-moz-border-image: url(http://forumstatic.ru/files/0001/31/13/99986.png) 3 round round;
-webkit-border-image: url(http://forumstatic.ru/files/0001/31/13/99986.png) 3 round round;
-o-border-image: url(http://forumstatic.ru/files/0001/31/13/99986.png) 3 round round;
border-image: url(http://forumstatic.ru/files/0001/31/13/99986.png) 3 round round;
}

#pun-viewtopic {
  padding-right: 0px;
}
.pa-author a, .pa-author {
  color: #DFDBC0 !important;
  font-family: "Century" !important;
  font-size: 13pt !important;
  font-variant: small-caps !important;
  font-weight: 400 !important;
  margin-left: 0px;
  text-align: center;
  font-style: normal !important;
}

.post-author {
background: url(http://forumstatic.ru/files/0001/31/13/93513.png) repeat-y; 
color: #d1c5aa !important;
text-align: center;
}

.post-author > ul {
    background: url("http://forumstatic.ru/files/0001/31/13/15245.png") no-repeat scroll center bottom transparent;

    margin-left: -6px;
text-align: center;

}
.post-author ul li {
padding: 0px 4px;
color: #5D4C25 !important;
text-align: center;
}

.pa-author {
background: url(http://forumstatic.ru/files/0001/31/13/61382.png) 0% 0% no-repeat;
color: #DFDAA5 !important;
height: 97px;
line-height: 54px !important;
margin-left: -6px !important;
margin-top: -57px !important;
padding: 20px 5px 0px 0px !important;
position: relative;
text-align: center;
width: 246px !important;
margin-bottom: -24px !important;
}

.punbb th  {font-size: 105% !important; text-align: center; color: #211c17;}
li.pl-email { line-height: 12px; margin-right: -4px; }
li.pl-website { line-height: 12px;}
li.pl-share{ display: none !important; }
div#pun-about {
   margin-bottom: -20px;
}

/*выделение онлайн-статуса жирным*/
li.pa-online strong {
    font-weight: bold;
    font-size: 16px;
}

/*убираем внизу название форума*/
#pun-crumbs2 p.container {display: none;}

.pa-avatar img  {width: 180px!important; height: 240px!important;}

/*             COPYRIGHT
------ Исходная версия дизайна by Qestrel.-------------*/

Безобразное оформление кода и приводит к Ошибкам! Просто для себя нужно соблюдать несколько правил
1. Фигурные скобки нужно расставлять идентично во всех блоках указаний для перечисленных селекторов

li.pa-online strong {
font-weight: bold;
font-size: 16px;
}

2. Одна строка - одно css-правило для каждого блока, заканчивающегося ;
3. Не использовать кривые и пустые url, типо url(''), url(русский текст);
4. Не использовать //;

+1

Поделиться305Пн, 27 Июл 2015 20:18:26

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 17 Апр 2024 11:16:30

Deff
Да, сэр! Есть, сэр! Заменила полностью, сэр! ) Аватары встали на место, за что огромное спасибо! Но теперь фон поста имеет какой-то жуткий цвет. (( http://almarein.spybb.ru/

0

Поделиться306Пн, 27 Июл 2015 20:27:37

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 21:57:05

Mirra Bell
Естественно, поскольку указания селекторам в ранее неотражаемых блоках(из-за ошибки в первой третей Стиля), стали отражаться
Разыщите в коде Второго окна блоки с примерными селекторами для сообщения и пробуйте удалять эти блоки по одному, затем сообразите или спросите что делать

В приципе, если использовать инспектор HTML браузера(наводя и кликая правой кнопкой на элементе с деффектом) - можно получить коды этих блоков( в правом окошечке инспектора)Инструменты для поиска и редактирования стиля (скриптов).

+1

Поделиться307Пн, 27 Июл 2015 20:48:35

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 17 Апр 2024 11:16:30

Deff
В блоке
.punbb .post-body {
background-color: #e0ccad !important;
color: #4b4334;
margin-right: 4px;
border-bottom: 0px dotted #754e3f;
font-size: 110%;
}
поменяла #e0ccad на transparent и все получилось, спасибо большое! )

Отредактировано Mirra Bell (Ср, 29 Июл 2015 16:34:28)

+1

Поделиться308Ср, 29 Июл 2015 16:55:48

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 17 Апр 2024 11:16:30

Подскажите плз, как в форме ответа (в textarea) сделать внутреннюю тень, градиентно меняющую цвет?

0

Поделиться309Ср, 29 Июл 2015 16:57:04

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10691
Уважение: +7180
Позитив: +5260
Пол: Мужской
Последний визит:
Сегодня 21:59:07

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

Подскажите плз, как в форме ответа (в textarea) сделать внутреннюю тень, градиентно меняющую цвет?

:huh: Нарисуйте в ФШ, как надо сделать, - сделаем

0

ВКонтакте alex__63

Поделиться310Ср, 29 Июл 2015 18:00:27

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 21:57:05

Mirra Bell
Лучше ссылку на форум с подобным

0

Поделиться311Ср, 29 Июл 2015 18:30:27

Автор: Data
Заслуженный
Зарегистрирован: Вт, 3 Сен 2013
Сообщений: 94
Уважение: 0
Позитив: +15
Последний визит:
Ср, 4 Дек 2019 20:13:17

В общем как-то не могу вернуть стандартный шрифт и размер в постах. А хотелось бы
http://gottvoll.rusff.ru/

0

Поделиться312Ср, 29 Июл 2015 18:33:34

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10691
Уважение: +7180
Позитив: +5260
Пол: Мужской
Последний визит:
Сегодня 21:59:07

Data

.punbb .post-content{
font-size:12px;
font-family:Verdana;
}

0

ВКонтакте alex__63

Поделиться313Ср, 29 Июл 2015 20:08:25

Автор: mihka1980
Заблокирован
Зарегистрирован: Чт, 18 Фев 2010
Сообщений: 1075
Уважение: +131
Позитив: +603
Пол: Мужской
Предупреждения: ‡
Последний визит:
Пт, 11 Янв 2019 09:19:01

Поставил новый стиль перестало отображаться название темы, внутри синего и слово страница еле видна и наезжает на название темы, как исправить, извините если не так выразился....

0

Поделиться314Ср, 29 Июл 2015 20:11:22

Автор: 88funt88
Заслуженный
Зарегистрирован: Сб, 24 Янв 2015
Сообщений: 40
Уважение: +1
Позитив: +6
Последний визит:
Вт, 15 Мар 2016 18:45:08

Ребят помогите hover прикрутить к pun-navlinks

Вот нашел hover эффект http://pcvector.net/scripts/menu_and_na … aniya.html
html разметка

Код:

<nav class="ph-lift">
    <ul>
        <li class="active"><a href="#home" data-title="Главная">Главная</a></li>
        <li><a href="#portfolio" data-title="Портфолио">Портфолио</a></li>
        <li><a href="#about" data-title="Обо мне">Обо мне</a></li>
        <li><a href="#contact" data-title="Контакты">Контакты</a></li>
    <ul>
</nav>

CSS

Код:

 nav.ph-lift ul li {
    float: left;
    height: 90px;
    line-height: 90px;
    background: white;
    overflow: hidden;
    -webkit-transition: all.6s ease;
    -moz-transition: all.6s ease;
    -o-transition: all.6s ease;
    -ms-transition: all.6s ease;
    transition: all.6s ease; }
    nav.ph-lift ul li:hover {
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset;
      background: teal; }


   nav.ph-lift ul li a {
      display: block;
      text-decoration: none;
      color: #007e7e;
      padding: 0 45px;
      margin-top: 0;
      -webkit-transition: all.6s ease;
      -moz-transition: all.6s ease;
      -o-transition: all.6s ease;
      -ms-transition: all.6s ease;
      transition: all.6s ease; }
    nav.ph-lift ul li:hover a {
      margin-top: -90px;
      color: white;
      text-shadow: 0 1px 2px  black; }
      nav.ph-lift ul li a:after {
        content: attr(data-title);
        display: block; }

Отредактировано 88funt88 (Ср, 29 Июл 2015 20:13:42)

0

Поделиться315Ср, 29 Июл 2015 20:14:17

Автор: 88funt88
Заслуженный
Зарегистрирован: Сб, 24 Янв 2015
Сообщений: 40
Уважение: +1
Позитив: +6
Последний визит:
Вт, 15 Мар 2016 18:45:08

mihka1980
ссылку кинь на форум

0

Поделиться316Ср, 29 Июл 2015 20:32:48

Автор: mihka1980
Заблокирован
Зарегистрирован: Чт, 18 Фев 2010
Сообщений: 1075
Уважение: +131
Позитив: +603
Пол: Мужской
Предупреждения: ‡
Последний визит:
Пт, 11 Янв 2019 09:19:01

88funt88 написал(а):

mihka1980
ссылку кинь на форум

http://spotsmenki.mybb.ru/viewtopic.php … p=7#p93532 вот на тему, чтоб было видно, что я имел ввиду, может это из за пингатора страниц, но я его не хочу убирать, он хорошийй :cool: