Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (62)
Предыдущая тема: Общие вопросы по оформлению (61)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Ну, вот так будет по вертикали:
Спасибо, получилось. Центрирование незакрытое убрал. Однако, появилась ещё одна мелкая проблема: 
Нельзя ли как-то сдвинуть их внутри таблицы объявления, чтобы исчез выделенный алым наезд кнопок на боковые рамки форума?
я заменила,и изменения повернулись в лучшую сторону!Значит эта часть кода отвечает за главное меню,т.е первое.Правильно,и шрифт стал на прозрачном фоне?
Ну, в данном случае селектор: #pun-navlinks отвечает за весь блок данного меню, .container - это вложенный контейнер в #pun-navlinks, внутри которого находятся сами кнопки меню..
То есть структура, чтобы вы понимали как выглядит на самом деле:
<div id="pun-navlinks" class="section">
<h2><span>Меню навигации</span></h2>
<ul class="container">
<li id="navindex"><a href="http://filmuiserialu.mybb.ru/"><span>Форум</span></a></li>
<li id="navuserlist"><a href="http://filmuiserialu.mybb.ru/userlist.php" rel="nofollow"><span>Участники</span></a></li>
<li id="navrules"><a href="http://filmuiserialu.mybb.ru/misc.php?action=rules" rel="nofollow"><span>Правила</span></a></li>
<li id="navsearch"><a href="http://filmuiserialu.mybb.ru/search.php" rel="nofollow"><span>Поиск</span></a></li>
<li id="navregister"><a href="http://filmuiserialu.mybb.ru/register.php" rel="nofollow"><span>Регистрация</span></a></li>
<li id="navlogin"><a href="http://filmuiserialu.mybb.ru/login.php" rel="nofollow"><span>Войти</span></a></li>
</ul>
</div>
Красным это основной блок, голубым вложенный в него контейнер, и в итоге в css получается такая запись: #pun-navlinks .container
----------------
Изменения какие вы сделали:
было: background-color: none; - это неправильная запись, нет такого значения, поэтому браузер ничего не делал с этим кодом, стало: background-color: transparent; transparent - это прозрачность для цвета...
background-color - это цвет фона
color - это цвет текста
kolobdur74,вот результат цвет.части,я скопировала:
/* 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;
}
Ну, в данном случае селектор: #pun-navlinks отвечает за весь блок данного меню, .container - это вложенный контейнер в #pun-navlinks, внутри которого находятся сами кнопки меню..
То есть структура, чтобы вы понимали как выглядит на самом деле:Красным это основной блок, голубым вложенный в него контейнер, и в итоге в css получается такая запись: #pun-navlinks .container
----------------
Изменения какие вы сделали:
было: background-color: none; - это неправильная запись, нет такого значения, поэтому браузер ничего не делал с этим кодом, стало: background-color: transparent; transparent - это прозрачность для цвета...background-color - это цвет фона
color - это цвет текста
Я все ваши ответы в свою учеб.тетрать перепишу.Но мне перед уходом одна админ сказал,что none-это значит пусто,т.е нет цвета.А оказалось что это нет.Спасибо!!!
Спасибо, получилось. Центрирование незакрытое убрал. Однако, появилась ещё одна мелкая проблема:
Скиньте весь код... Вы там намудрили честно сказать - надо его посмотреть внимательно..
Еще у вас ошибки:
.container1 {width: 540px; margin: 0 auto; padding: 0;}
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 50px;
width: : 540px;
background: url();
}.tab_container1 {
clear: both;
float: right;
width: 740px;
height: 414px;
background-image : url(http://s018.radikal.ru/i501/1702/6a/f08acbd96ed2.png);
background-color: none;
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-left: 1px dotted #FFFFFF;
border-right: 1px dotted #FFFFFF;-moz-border-radius-bottomright: 10px;
-khtml-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
}
В верхнем лишнее двоеточие, во втором коде: background-color: none; - нет такого значения у цвета, есть transparent..
Нет,удалять я боюсь,т.к сомневаюсь,поэтому выделите сами, точно какую красным цветом.
Отредактировано юлианна2013 (Ср, 8 Мар 2017 17:35:16)
Скиньте весь код... Вы там намудрили честно сказать - надо его посмотреть внимательно..
Спасибо за выявление ошибок - убрал (про цвет - было в исходном коде с какого-то форума по дизайну). Код с моего форума:
<style>
.container1 {width: 540px; margin: 0 auto; padding: 0;}
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 50px;
width: 730px;
background: url();
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 50px;
line-height: 40px;
border: 2px;
border-top: 4px dotted #FFFFFF;
border-bottom: 3px dotted #FFFFFF;
border-right: 2px dotted #FFFFFF;
border-left: 2px dotted #FFFFFF;
margin-bottom: -2px;
overflow: hidden;
position: relative;
}
ul.tabs li a {
text-decoration: none;
color: transparent;
display: block;
padding: 5px;
background: url();
outline: none;
}
ul.tabs li a:hover {
background: url();
border-bottom: 2px dotted #FFFFFF;
border-top: 2px dotted #FFFFFF;
border-left: 2px solid #FFFFFF;
border-right: 1px solid #000000;
}
html ul.tabs li.active {
background: url();
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-left: 1px dotted #000000;
border-right: 2px dotted #FFFFFF;
}
html ul.tabs li.active a:hover {
background: url();
border-bottom: 2px solid #FFCC00;
}
.tab_container1 {
clear: both;
float: left;
width: 740px;
height: 414px;
background-image : url(http://s018.radikal.ru/i501/1702/6a/f08acbd96ed2.png);
background-color: transparent;
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-left: 1px dotted #FFFFFF;
border-right: 1px dotted #FFFFFF;
-moz-border-radius-bottomright: 10px;
-khtml-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
}
.tab_content {
padding: 38px;
}
.tab_content h2 {
font-weight: normal;
padding-bottom: 20px;
border-bottom: 0px dashed #000000;
}
</style>
<table width="100%" border="1">
<tr align="center">
<td colspan="4"><marquee> <font color=white><b></u>
<i>Из новостей: Оживление возможно на всех стадиях умирания. LIVE. DIE. REPEAT.</font>
</i></b></font> </marquee>
<BR>
</td>
</tr>
<tr align="center">
<td colspan="1" rowspan="2">
<align=center>
<div class="container">
<div class="html-box">
<ul class="tabs">
<li class="active"><a href="#tab1"><img src="http://s018.radikal.ru/i525/1702/03/2e6ad20cc1dc.png" ></a></li>
<li><a href="#tab2"><img src="http://s020.radikal.ru/i704/1702/da/9640ebd15661.png" ></a></li>
<li><a href="#tab3"><img src="http://s018.radikal.ru/i524/1702/fd/a55b42b25823.png" ></a></li>
<li><a href="#tab4"><img src="http://s020.radikal.ru/i719/1702/8f/f6b7dcf21096.png" ></a></li>
<li><a href="#tab5"><img src="http://s008.radikal.ru/i306/1702/58/8dd6dc58f22d.png" ></a></li>
</ul>
<div class="tab_container1">
<div style="display: block;" id="tab2" class="tab_content">
<div align="center">
<font color="red" size="3"><b>Devil's Games: Шесть Степеней Свободы</b></font>
<BR>
<BR>
(6 Degrees of Freedom T{o}ribla Band)
<BR>
<BR>
Сей лепрозорий основан: 2009-02-28
<BR>
<BR>
Чито это:
<BR>
<BR>
</div>
<font color="lightgrey"><div align="left"> <b>Соавторский литературный проект по мотивам манги, аниме и романов «Trinity Blood». «Санта-Тринити-Барбара-Блад» является экспериментальным образцом совместного творчества ядерной триады склочных авторов, стойких к невзгодам, пустоте безвременья и нехватке рабочих рук. По сути, это автономный подвид интерактивной литературы, на практике - стопроцентно адская графомания, бессмысленная и беспощадная из-за своей трудоёмкости и энергозатратности. </b></font></div>
<BR>
<div align="center"><a target="_blank" href="http://triblaband.diary.ru/"><img src="http://i018.radikal.ru/1108/e6/d44c72f42ffe.gif" ></a>
</div>
<div align="center"><font color="red" size="2"><b>►Пофигистам и задротам - ввиду резкого ухудшения зрения и неизбежного взрыва мозга- вход категорически воспрещён.◄</b></font>
</div>
</div>
<div style="display: block;" id="tab1" class="tab_content">
<div align="left">
<BR>
<BR>
<a target="_blank" href="http://www.radikal.ru"><img src="http://s45.radikal.ru/i109/1306/04/83764c0cf91f.png" ></a><a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=152" target="_blank"><b>Основы мира Devil's Games</b></a>
<BR>
<font color="lightgrey">Специфика мира данного проекта.</font>
<BR>
<BR>
<a target="_blank" href="http://www.radikal.ru"><img src="http://s018.radikal.ru/i513/1508/bb/7d01412cc893.png" ></a><a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=6" target="_blank"><b>Сюжет и квесты</b></a>
<BR>
<font color="lightgrey">Quo Vadis?</font>
<BR>
<font color="lightgrey">Что было, что есть и что будет есть. Основа Повествования.</font>
<BR>
<BR>
<a target="_blank" href="http://www.radikal.ru"><img src="http://s50.radikal.ru/i128/1107/9a/1eaa2ab7309d.png" ></a><a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=7" target="_blank"><b>Действующие лица</b></a>
<BR>
<a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=105" target="_blank"><b>Квенты на неканонов</b></a>
<BR>
<font color="lightgrey">"Все герои данной драмы..." или full-лист персонажей.</font>
<BR>
<BR>
<a target="_blank" href="http://www.radikal.ru"><img src="http://i014.radikal.ru/1107/18/5224fa94ba18.png" ></a><a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=102" target="_blank"><b>ФАК или "вопросы и ответы"</b></a>
<BR>
<font color="lightgrey"> Вопросы, ответы, претензии и анафемы.</font>
</div>
</div>
<div style="display: none;" id="tab5" class="tab_content">
<div align="center">
<BR>
<BR>
<a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=39" target="_blank"><b>Наша Реклама + Наш Баннер</b></a>
<BR>
<a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=40" target="_blank"><b>Ваши объявления</b></a>
<BR>
<font color="red" size="3"><b>Banners:</b></font>
<BR>
<a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=6074">
<script language="JavaScript">
d = new Date();
var m = d.getTime();
m=m+'&url=';
m=m+self.location;
var a='<a href="http://palantir.in/?from=6074&rand='+m+'" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=2&from=6074&rand=' + m;
a=a+'" width="100" height="100" border="0"></a>';
document.write(a);
</script>
<noscript><a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=6074" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="file://D:/WINNT/transp.gif" width="100" height="100" border="0"></a></noscript>
<!-- Rating@Mail.ru counter -->
<script type="text/javascript">
var _tmr = window._tmr || (window._tmr = []);
_tmr.push({id: "2795848", type: "pageView", start: (new Date()).getTime()});
(function (d, w, id) {
if (d.getElementById(id)) return;
var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
ts.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//top-fwz1.mail.ru/js/code.js";
var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
})(document, window, "topmailru-code");
</script><noscript><div style="position:absolute;left:-10000px;">
<img src="//top-fwz1.mail.ru/counter?id=2795848;js=na" style="border:0;" height="1" width="1" alt="Рейтинг@Mail.ru" />
</div></noscript>
<!-- //Rating@Mail.ru counter -->
<!-- Rating@Mail.ru logo -->
<a href="http://top.mail.ru/jump?from=2795848">
<img src="//top-fwz1.mail.ru/counter?id=2795848;t=470;l=1"
style="border:0;" height="31" width="88" alt="Рейтинг@Mail.ru" /></a>
<!-- //Rating@Mail.ru logo -->
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=6074' target='_blank'>
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=6074&cid=1_1.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=6074&cid=1_1.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>
<a href="http://forum-top.ru/vote/4956" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a>
<script language="JavaScript">
d = new Date();
var m = d.getTime();
m=m+'&url=';
m=m+self.location;
var a='<a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=6074&rand='+m+'" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=1&from=6074&rand=' + m;
a=a+'" width="88" height="31" border="0"></a>';
document.write(a);
</script>
<noscript><a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=6074" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="file://D:/WINNT/transp.gif" width="88" height="31" border="0"></a></noscript>
<!-- Yandex.Metrika counter --> <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter39112660 = new Ya.Metrika({ id:39112660, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, trackHash:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/39112660" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
<BR>
<BR>
<font color="yellowgreen" size="2"><b>Дневник Форума DG на сайте diary:</b></font>
<BR>
<a href="http://triblaband.diary.ru/"><img src="http://s52.radikal.ru/i137/1406/5d/351f53c54e3b.jpg" alt="rpg-zone.ru" Title="Дневник Ролевой Повести Devil's Games" width=88 height=44 border=0 /></a></div>
</div>
<div style="display: none;" id="tab3" class="tab_content">
<div align="center">
<font color="red" size="3"><b>«Фишка дальше не идёт»</b></font> <a target="_blank" href="http://www.radikal.ru"><img src="http://s002.radikal.ru/i197/1108/49/c97443c4018e.gif" ></a>
</div>
<div align="left">
<a target="_blank" href="http://6doftriblaband.winbb.ru/profile.php?id=2"><img src="http://s019.radikal.ru/i632/1307/e4/7fecaed97c68.jpg" ></a><a href=http://6doftriblaband.winbb.ru/profile.php?id=2" target="_blank">Cain-sama</a>
<BR>
<font color="lightgrey">Флегматичный мизантроп. Ненавидел бы человечество, если бы ему не было так начхать. Мастер золотые-руки-из-плеч Форума - мастерит шайтан-машины и говорит на непонятных языках. Дружелюбен, на людей не бросается, потому что пофигистичен от природы.</font>
<BR>
<BR>
<a target="_blank" href="http://6doftriblaband.winbb.ru/profile.php?id=3"><img src="http://i039.radikal.ru/1107/1d/4c75ecd1b031.jpg" ></a><a href=http://6doftriblaband.winbb.ru/profile.php?id=3" target="_blank">Seth-chan</a>
<BR>
<font color="lightgrey">Холерик от слова "холера". Очень добрая, хоть и неадекватная. Ратует за мир во всем мире, доброту и тоталитарную демократию. Принимает все близко к сердцу, отчего может взять дробовик и причинить добро. Мирная, но в случае агрессии включает режим кавайного терминатора.</font>
<BR>
<BR>
<a target="_blank" href="http://6doftriblaband.winbb.ru/profile.php?id=4"><img src="http://s009.radikal.ru/i308/1107/a2/507d87d1138b.jpg" ></a><a href=http://6doftriblaband.winbb.ru/profile.php?id=4" target="_blank">Panzer Magier</a>
<BR>
<font color="lightgrey">Садист-социопат. Ненавидит всех человеков просто за то, что утром встал не с той ноги. Агрессивен. Имеет два режима: режим "Кровавая гэбня" Форума и режим "Сумрачный гений". В первом режиме его бы выгнали из гестапо за жестокость, а во втором из НИИЧАВО за оторванность от реальности.</font>
</div>
</div>
<div style="display: none;" id="tab4" class="tab_content">
<font color="yellow" size="3"><b>За вредность им дают отнюдь не чай и даже не кефир!</b></font><a target="_blank" href="http://www.radikal.ru"><img src="http://s002.radikal.ru/i200/1108/cf/06f9e1d1571d.gif" ></a>
<BR>
<BR>
<div align="center">
<a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=7%22" target="_blank"><b>Вакансии открыты</b></a></div>
<BR>
<div align="center"><font color="red"><b>Что Вас Здесь точно ожидает:</b> </font>
<BR>
<BR>
<div align="left"> <font color="lightgrey"><b>► Либо саморазвитие, либо деградация. Up or out. Третьего не дано.</b></font>
<BR>
<BR>
<div align="left"><font color="lightgrey"> <b>► Четкий инструктаж, жесткие сроки сдачи постов, ну и просто тотальный контроль ваших действий на ресурсе=) </b></font>
<BR>
<BR>
<div align="left"><font color="lightgrey"><b>► Бесконечный процесс АДАптации к закидонам АДминов и совершенствование навыков коммуницирования.</b></font>
<BR>
<BR>
<div align="left"><font color="lightgrey"><b>► Отсутствие понятия "Стиль пользователя" у Администрации. Только ядрёный "дай-нож-я-выколю-себе-глаза" дизайн.</b></font>
<BR>
<BR>
<div align="left"><font color="lightgrey"><b>► Зарплата едой. Могла быть. Жаль, что нет. Зато много относительно безобидных вербальных издевательств и примитивного юмора. :)</b></font>
</div>
<tr align="center">
<td colspan="4">
<center><table style="width: 90%">
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://"><img src="http://s020.radikal.ru/i723/1702/e4/7655a52713cd.png"/></div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://"><img src="http://s019.radikal.ru/i630/1702/05/a1a9037f284a.png"/></div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://"><img src="http://s013.radikal.ru/i325/1702/6c/42d30900f70c.png"/></div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://"><img src="http://s013.radikal.ru/i325/1702/6c/42d30900f70c.png"/></div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
</div></td>
</tr>
</table></center>
</a>
</td>
</tr>
</table>
<BR>
<BR>вот результат цвет.части,я скопировала
Вроде все исправили, я еще гляну сам форум...
Я все ваши ответы в свою учеб.тетрать перепишу.Но мне перед уходом одна админ сказал,что none-это значит пусто,т.е нет цвета.А оказалось что это нет.Спасибо!!!
Ну, на самом деле записывать особо смысла нет)) Если что забудете, то вот здесь: http://htmlbook.ru/ все ответы есть.. Да, совершенно правильно: none - это нет, к примеру: display: none; - означает, что этого блока нет, код убирает полностью весь блок включая его содержимое, при чем вместе со всеми отступами заданной высотой и шириной, то есть для браузера его нет полностью... А вот значения пусто в css как такового нет, есть нет, есть прозрачность... Для цвета нет нету, есть прозрачность, то есть таким образом можно сделать цвет фона прозрачным? можно и шрифт сделать прозрачным))
Finsternis, щас посмотрю, похоже надо его полностью переделать... Чуть позже результат выложу..
Finsternis
Вот эти строчки - создают дополнительные HTTP запросы к Главной форума
background: url();
- Уберите ( Пустых значений в url() быть не должно
Изменения какие вы сделали:
было: background-color: none; - это неправильная запись, нет такого значения, поэтому браузер ничего не делал с этим кодом, стало: background-color: transparent; transparent - это прозрачность для цвета...
background-color - это цвет фона
color - это цвет текста
ПОНЯТНО!СПАСИБО большое!
Alex_63
Спасибо за внимательность 
Убрал.
kolobdur74
Благодарю за ваше потраченное время. Подожду. 
/* 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
А что именно не устраивает? поясняйте сразу
Alex_63,об ошибках мне в этой теме уже сообщил kolobdur74.
kolobdur74,спасибо вам,за помощь и внимательность!
kolobdur74,скажите,пожалуйста,а под глав.Меню,вторая часть второго меню-это которая часть отвечает в цвет.стиле?
Я мышкой указала на эту полосу второго Меню?Я бы хотела сменить цвет у самой полосы и шрифт.
юлианна2013
Ищите селекторы
#pun-ulinks .container
#pun-ulinks a
Я мышкой указала на эту полосу второго Меню?Я бы хотела сменить цвет у самой полосы и шрифт.
Цвет полосы совпадает с цветом шрифта.. Вот замените этот код
<!-- Опустить или поднять тело форума (чем меньше число, тем выше поднимается) -->
<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;}
</style>
на вот этот:
<!-- Опустить или поднять тело форума (чем меньше число, тем выше поднимается) -->
<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:#F8F8FF;}
</style>Где: #pun-ulinks li a {color:#F8F8FF;} выбираете свой цвет..
Finsternis, у вас сильно не валидный код - полностью его переделываю, но это займет некоторое время, но на будущее старайтесь не использовать конструкции типа:
<font color="red" size="3">
<b></b>
<i></i>
<div align="left">
Старайтесь использовать CSS аналоги..
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (62)