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

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

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


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


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

Сообщений 241 страница 260 из 1001

1

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

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

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

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

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

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

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

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

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

+2

241

юлианна2013
Вот замените весь код:

Код:
<!-- Опустить или поднять тело форума (чем меньше число, тем выше поднимается) -->
<style>
/* Отступ Шапки от верха */
.imgShapka {margin-top:25px;}
/* Убираем лишний блок между шапкой и меню */
#pun-title {display: none;}
/* Отступ главного меню от шапки */
#pun-navlinks.section .container {margin-top: 20px;}
/* Отступ снизу главного меню от второго меню */
#pun-navlinks {margin-bottom: 0px;}
/* Отступ Второго меню от Главного меню */
#pun-ulinks {margin-top: 0px;}
/* Цвет шрифта второго меню */
#pun-ulinks li a {color:#0000FF;font-style: italic;}
/* Изменение фона второго меню */
#pun-ulinks .container {background-color: #FFFFFF;}
</style>

+1

242

Дважды отправилось..

Отредактировано kolobdur74 (Чт, 9 Мар 2017 00:05:55)

0

243

Я изменила и слова в этом Меню подчеркнуты теперь синим цветом-

Свернутый текст

<!-- Опустить или поднять тело форума (чем меньше число, тем выше поднимается) -->
<style>
/* Отступ Шапки от верха */
.imgShapka {margin-top:25px;}
/* Убираем лишний блок между шапкой и меню */
#pun-title {display: none;}
/* Отступ главного меню от шапки */
#pun-navlinks.section .container {margin-top: 20px;}
/* Отступ снизу главного меню от второго меню */
#pun-navlinks {margin-bottom: 0px;}
/* Отступ Второго меню от Главного меню */
#pun-ulinks {margin-top: 0px;}
/* Цвет шрифта второго меню */
#pun-ulinks li a {color:#0000FF;font-style: italic;text-decoration-color: #0000FF;}
/* Изменение цвета подчеркивания */
#pun-ulinks li a {
text-decoration: none;
border-bottom: 1px solid #0000FF;
display: inline-block;
vertical-align: baseline;
line-height: .95;
padding: 0;
}
#pun-ulinks li a:hover {
text-decoration: none;
border-bottom: none;
}
#pun-ulinks li {padding: 0 0.3em 0 0.6em;}
</style>

http://sh.uploads.ru/t/9hCwO.png

0

244

Теперь вы рекомендуете это удалить,чтобы сама полоса Меню изменилась на белый цвет?

Свернутый текст

<!-- Опустить или поднять тело форума (чем меньше число, тем выше поднимается) -->
<style>
/* Отступ Шапки от верха */
.imgShapka {margin-top:25px;}
/* Убираем лишний блок между шапкой и меню */
#pun-title {display: none;}
/* Отступ главного меню от шапки */
#pun-navlinks.section .container {margin-top: 20px;}
/* Отступ снизу главного меню от второго меню */
#pun-navlinks {margin-bottom: 0px;}
/* Отступ Второго меню от Главного меню */
#pun-ulinks {margin-top: 0px;}
/* Цвет шрифта второго меню */
#pun-ulinks li a {color:#0000FF;font-style: italic;}
/* Изменение фона второго меню */
#pun-ulinks .container {background-color: #FFFFFF;}
</style>

-так?

0

245

юлианна2013 написал(а):

Я изменила и слова в этом Меню подчеркнуты теперь синим цветом-

Вам же другое надо было? Вам же полосу коричневую сделать белой надо было? Вот этот код поставьте вместо предыдущего:

Код:
<!-- Опустить или поднять тело форума (чем меньше число, тем выше поднимается) -->
<style>
/* Отступ Шапки от верха */
.imgShapka {margin-top:25px;}
/* Убираем лишний блок между шапкой и меню */
#pun-title {display: none;}
/* Отступ главного меню от шапки */
#pun-navlinks.section .container {margin-top: 20px;}
/* Отступ снизу главного меню от второго меню */
#pun-navlinks {margin-bottom: 0px;}
/* Отступ Второго меню от Главного меню */
#pun-ulinks {margin-top: 0px;}
/* Цвет шрифта второго меню */
#pun-ulinks li a {color:#0000FF;font-style: italic;}
/* Изменение фона второго меню */
#pun-ulinks .container {background-color: #FFFFFF;}
</style>

Отредактировано kolobdur74 (Чт, 9 Мар 2017 00:14:13)

+1

246

Тогда я сейчас сделаю.Вот,получилось!!!УРА!!! :cool: http://s2.uploads.ru/t/g4REJ.png

+1

247

юлианна2013 написал(а):

Тогда я сейчас сделаю.Вот,получилось!!!УРА!!!

Нормально? Нравится?

+1

248

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

Нормально? Нравится?

!ДА!ВСЕ ПРОСТО ЗАМЕЧАТЕЛЬНО!СПАСИБО ВАМ!!!А шпифт italic,потом я смогу сменить на другой как и цвет букв?И цвет в  фоновой полоске на другой,уже сама?

Отредактировано юлианна2013 (Чт, 9 Мар 2017 00:28:49)

0

249

Скажите,а цвет букв в первом Меню,те что коричневого цвета,я смогу на другой уже сама сменить,или это в Своем стиле уже нужно сделать изменения?

0

250

юлианна2013 написал(а):

А шпифт italic,потом я смогу сменить на другой как и цвет букв?

Да, вот здесь цвет второго меню:

/* Цвет шрифта второго меню */
#pun-ulinks li a {color:#0000FF;font-style: italic;}

юлианна2013 написал(а):

И цвет в фэтой фоновой полосе на другой,уже сама?

А вот здесь цвет фона (полоски) второго меню:

/* Изменение фона второго меню */
#pun-ulinks .container {background-color: #FFFFFF;}

+1

251

юлианна2013 написал(а):

Скажите,а цвет букв в первом Меню,те что коричневого цвета,я смогу на другой уже сама сменить,или это в Своем стиле уже нужно сделать изменения?

Можно сделать без захода в стили, так же как и второго меню изменили.. Сделать?

0

252

Да,попробуйте...У меня вопрос,вот когда я пришла к вам,у меня была проблема и беда в том,что цвет глав.страницы 1-я часть белого цвета,а вторая половина почти коричневого цвета.http://s3.uploads.ru/t/dMXq5.png

Как добится,белого цвета именно второй половины?И первая часть,та что белого цвета, в своем стиле,где это меняют и отвечает?Хочу знать.=

Свернутый текст

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background: url(http://fony-kartinki.ru/_ph/51/2/447391 … 1488890813) #ffffff ;
        }
html {background-color: #0088ff }
#pun {
       
        color: #8B4513;
        border-color: #eeeeff;
}
/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
.post-box, .punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #fffdfd;
  }

#pun-ulinks .container{
  background-color: #f8d9c0;
  color: #0B5402;
}

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
background-color:#f8d9c0;
color:#000000;
}

.punbb .post h3 span {
  background-color: #fef2f0;
  color: #3E0000;
}

.punbb td.tc2, .punbb td.tcr {
  background-color: #c9a57e;
  color:  #000000;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background:#1133dd;
  color:#ffffff;
  font-size: 1.1em;
  text-align: center;
font-style: italic
  }

/* CS1.4 */
.punbb .modmenu .container {
  background-color:#ffffff;
  color: #2233ee;
  }

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

#viewprofile h2 span {
  background-image:#0033ff;
}

.punbb .post h3 strong {
  font-size: 0.7em;
  color: #3E0000;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #f9f9f9;
  color: #333
  }

.punbb textarea, .punbb select, .punbb input {
  background-color:#ffffff;
  color: #333
}

/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
  color: #a64403;
  }

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

.punbb th {
  color: #9C5106;
  background: #FACDA0;
}

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

#pun-title, #pun-navlinks {
  border-color: #147fb7;
}

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color:#bb1122;
text-align: center;
  }

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

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

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: #6495ED;
  text-align: center;
  }

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #FFFFFF
  }

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

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

.punbb .divider {
  border-color: #F5EEED ;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid: #a7b5bd;
  }

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

/* 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: #0000CD;
  text-decoration: underline;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #0000CD;
  text-decoration: underline;
  }

/* 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: #0000CD;
   text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #B22222;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #B22222;
text-decoration: underline;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #3E0000;
  color: #2233ee;
}

.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  font-size: 1.0em;
  text-decoration: none;
}

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {
        background: url(http://s5.uploads.ru/ELb17.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://s4.uploads.ru/kzrMj.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://s5.uploads.ru/L8ftk.png) no-repeat;
}

tr.iredirect div.icon {
        background: url(http://s4.uploads.ru/c48IA.png) no-repeat;

}

tr.isticky div.icon {
        background: url(http://s5.uploads.ru/L8ftk.png) no-repeat;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
        background: none;
}

#profilenav h2 span {background-image: none}

td.tcr a{
        background: transparent url(../../img/Mybb_Tulip_Garden/post.gif) no-repeat 0px 1px;
        padding-left: 13px;
        padding-bottom: 3px;
}

#pun-stats ul.container {
        background: transparent url(../../img/Mybb_Tulip_Garden/stats.gif) no-repeat 7px 25px;
        padding-left: 45px;
}

#pun-stats div.statscon {
        background: #fef7f6;
}

#pun-crumbs2 .container, #pun-about .container{
        background:  #fef7f6;
        color: #3E0000;
}

Отредактировано юлианна2013 (Чт, 9 Мар 2017 00:49:08)

0

253

юлианна2013 написал(а):

Да,попробуйте...У меня вопрос,вот когда я пришла к вам,у меня была проблема и беда в том,что цвет глав.страницы 1-я часть белого цвета,а вторая половина почти коричневого цвета.

Как добится,белого цвета именно второй половины?И первая часть,та что белого цвета, в своем стиле которая часть?Я скопировала 2-ю часть

Найдите:

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
background-color:#f8d9c0;
color:#000000;
}
.punbb .post h3 span {
  background-color: #fef2f0;
  color: #3E0000;
}
.punbb td.tc2, .punbb td.tcr {
  background-color: #c9a57e;
  color:  #000000;
  }

Там замените на белый цвет (отметил красным)..

0

254

юлианна2013 написал(а):

Да,попробуйте...

Вот с цветом шрифта Главного меню (замените предыдущий код на этот):

Код:
<!-- Опустить или поднять тело форума (чем меньше число, тем выше поднимается) -->
<style>
/* Отступ Шапки от верха */
.imgShapka {margin-top:25px;}
/* Убираем лишний блок между шапкой и меню */
#pun-title {display: none;}
/* Отступ главного меню от шапки */
#pun-navlinks.section .container {margin-top: 20px;}
/* Отступ снизу главного меню от второго меню */
#pun-navlinks {margin-bottom: 0px;}
/* Цвет шрифта Главного меню */
#pun-navlinks li a {color: #B22222;}
/* Отступ Второго меню от Главного меню */
#pun-ulinks {margin-top: 0px;}
/* Цвет шрифта второго меню */
#pun-ulinks li a {color:#0000FF;font-style: italic;}
/* Изменение фона второго меню */
#pun-ulinks .container {background-color: #FFFFFF;}
</style>

Менять цвет шрифта главного меню здесь:

/* Цвет шрифта Главного меню */
#pun-navlinks li a {color: #B22222;}

+1

255

Вот сменила и код стиля и сменила цвет букв:http://sd.uploads.ru/t/4zIdS.png-ВСЁ!!!ПОЛУЧИЛОСЬ!!!

+1

256

юлианна2013 написал(а):

Вот сменила и код стиля и сменила цвет букв:-ВСЁ!!!ПОЛУЧИЛОСЬ!!!

Молодец! :cool:

+1

257

kolobdur74,опять есть вопрос.Это на счет того,как сменить у главного Меню шрифт?Сделать в наклонку,а то в курсиве не думаю ,что в красиве удачно получится,но можно  попробовать,раз во втором Меню шрифт курсив.

0

258

юлианна2013 написал(а):

опять есть вопрос.Это на счет того,как сменить у главного Меню шрифт?Сделать в наклонку,а то в курсиве не думаю ,что в красиве удачно получится,но можно  попробовать,раз во втором Меню шрифт курсив.

Замените предыдущий код на этот:

Код:
<!-- Опустить или поднять тело форума (чем меньше число, тем выше поднимается) -->
<style>
/* Отступ Шапки от верха */
.imgShapka {margin-top:25px;}
/* Убираем лишний блок между шапкой и меню */
#pun-title {display: none;}
/* Отступ главного меню от шапки */
#pun-navlinks.section .container {margin-top: 20px;}
/* Отступ снизу главного меню от второго меню */
#pun-navlinks {margin-bottom: 0px;}
/* Цвет шрифта Главного меню */
#pun-navlinks li a {color: #B22222;font-style: italic;}
/* Отступ Второго меню от Главного меню */
#pun-ulinks {margin-top: 0px;}
/* Цвет шрифта второго меню */
#pun-ulinks li a {color:#0000FF;font-style: italic;}
/* Изменение фона второго меню */
#pun-ulinks .container {background-color: #FFFFFF;}
</style>

Где добавлено:

/* Цвет шрифта Главного меню */
#pun-navlinks li a {color: #B22222;font-style: italic;}

+1

259

Да,снова вопрос к вам.Вот в данный момент цвет том  месте,где расположен  аватар,как сменить на другой и где меняют?http://sh.uploads.ru/t/008hQ.png

0

260

юлианна2013 написал(а):

Да,снова вопрос к вам.Вот в данный момент цвет том  месте,где расположен  аватар,как сменить на другой и где меняют?

Этот цвет здесь:

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
background-color:#f8d9c0;
color:#000000;
}

+1


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