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

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

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


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


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

Сообщений 681 страница 700 из 1000

1

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

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

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

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

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

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

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

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

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

Отредактировано Fover (Чт, 31 Окт 2013 05:16:27)

0

681

kolista
Старый жа скрипт - поставьте новый
Вариант Информационного Блока от Duka с облегченным заполнением Информацией

0

682

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

но возникла проблема жуткая форум стал вылизать за кроя Как это убрать

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main .category h2, #pun-main #post-form h2 {
background-color: transparent;
background-image: url(http://uploads.ru/i/a/6/g/a6gEI.jpg); background-position: top center; background-repeat: no-repeat;
color: #b49556;
font-size: 14px;
font-variant: small-caps;
font-style: normal;
height: 45px;
margin-left: -33px !important;
padding-top: 20px !important;
text-align: center;
text-shadow: 0 0 2px #000;
width: 938px;
  }

Красное замените на 100% во Втором Окне Стиля

Отредактировано Deff (Ср, 11 Дек 2013 23:48:12)

0

683

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

в общем вот в чём дело, хочу ссылки: Профиль ЛС E-mail сделать по центру, как и весь текст профиля
http://fireiscatching.mybb.ru/

0

684

Катарина написал(а):

Профиль ЛС E-mail

Вряд ли получиться , поскольку в эту же строку входит и цитировать удалить и т.д, имененно для них и задано центрирование
а профиль и емейл сдвинуты через float

Отредактировано Deff (Пт, 13 Дек 2013 00:20:36)

0

685

Добра. Нам тут табличку забацали и мы ее немножко поправили. Но получается поправить не совсем все о_о
http://s7.uploads.ru/t/fHK1J.jpg
Собстно, на картинке понятна проблема о.о Кольцевой слайдер х_х Как его расширить до нормального размера? Поле, где будет информация, чтобы не менее 200px было?._.

Код таблички
Код:
<table align="center" border="0" cellpadding="3" cellspacing="5" style="width: 830px; height: 280px;">
	<tbody>
    <tr>
    	<td rowspan="2" style="text-align: center; width: 30%; border: none"><img src="http://forumstatic.ru/files/0013/79/8f/78556.png">
        <div style="width: 100%; height:32px; background-color: #000; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px;">
        	<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21708&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21708' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21708' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21708' target='_top'><img src='http://img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
        </div>
    	</td>
    	<td rowspan="2" style="text-align: center; width: 35%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px;  background-color: #d1d1d1; border: 1px solid #707070;">
        <ul class="tabs">
        	<li class="active"><a href="#tab1">Новости форума</a></li>
        	<li><a href="#tab2">Активные квесты</a></li>
        </ul>
        <div class="tab_container1">
        	<div class="tab_content" id="tab1" style="display: block;">

<b>● Внимание: просьба всем участникам отметиться в<a href='http://olm.anihub.ru/viewtopic.php?id=88#p3074'> данной теме.</a></b><br>
<b>● Запись на мини-эвент <a href='http://olm.anihub.ru/viewtopic.php?id=21#p3265'>"Snowball Fight!"</a> уже началась. Старт эвента 13.12.13.</b>

</div>
        	<div class="tab_content" id="tab2" style="display: none;">текст 2</div>
        </div>
    	</td>
    	<td style="text-align: center;  width: 35%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; background-color: #d1d1d1; border: 1px solid #707070;">
        <div style="height: 80px; overflow-x: auto;">
<a href="http://olm.anihub.ru/viewtopic.php?id=6#p28">Правила</a> | <a href="http://olm.anihub.ru/viewtopic.php?id=10#p51">Шаблон анкеты</a><br>
<a href="http://olm.anihub.ru/viewtopic.php?id=42">Нужные персонажи</a><br>
<a href="http://olm.anihub.ru/viewtopic.php?id=5#p23">Об игре: энциклопедия</a><br>
<a href="http://olm.anihub.ru/viewtopic.php?id=19">География и локации</a>
        </div>
    	</td>
    </tr>
    <tr>
    	<td style="text-align: center; width: 35%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px;  background-color: #d1d1d1; border: 1px solid #707070;">
        <div style="height: 200px; overflow-x: auto;"><!--Кольцевой слайдер НАЧАЛО -->
<center><div id=SL0 style="min-height: 190px!important; width: 90%; padding: 1%;">
<style>
.cont_ainsOO{float: left!important; width: 115px; display: none; height: 190px!important; overflow: auto; margin: 0 3px; opacity: 1!important;}
div.Next_,div.Prev_{border:none;padding:0 0 0 2px;float:left;height:190px!important;width:14px!important;cursor:pointer;}
div.Next_ span, div.Prev_ span{letter-spacing:0;}
div.Active.Prev_,div.Active.Next_{bacground-color: #d1d1d1;}
div.Active.Prev_ span,div.Active.Next_ span{color:#79FF00;}
</style>
<div  style="height:190px!important;">
<div class="Prev_"><br><br><br><br><br><br><br><br><br><br><img src="http://forumstatic.ru/files/0013/79/8f/23462.jpg"/></div>
<div class="cont_ainsOO Active" style="display:block;">
Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т Слишком узко т_т 
</div>
<div class="cont_ainsOO">
2
</div>
<div class="cont_ainsOO">
3
</div>

<div class="Next_" style="float:right; bacground-color: #d1d1d1;"><br><br><br><br><br><br><br><br><br><br><img src="http://forumstatic.ru/files/0013/79/8f/23462.jpg"/></div>
<script>
var contLength=$('#SL0 .cont_ainsOO').length-1;
$('#SL0 .cont_ainsOO').each(function (i){$(this).attr("alt",i);});
var Nobysu=true;
function CrugL(b,c,d,f,g) {if(Nobysu){Nobysu=false;
  var a=$('#SL0 .cont_ainsOO.Active');j=parseInt(a.attr("alt"));
  if(j==g){j=c;}else{j+=f}
      $(d+" span").toggle('fast').toggle('fast');
      $(b).removeClass("Active");$(d).addClass("Active")
      a.insertBefore("div.Next_.Active");a.insertAfter("div.Prev_.Active");
      a.hide('slow').removeClass("Active")//Свёртываем все предыдущие;
      a=$("#SL0 .cont_ainsOO[alt='"+j+"']").addClass("Active").toggle('slow',function(){Nobysu=true});
}}
$(".Prev_").click(function(){var b='.Next_',c=contLength,d='.Prev_',f=-1,g=0; CrugL(b,c,d,f,g);});
$(".Next_").click(function(){var b='.Prev_',c=0,d='.Next_',f=+1,g=contLength; CrugL(b,c,d,f,g);});
</script>
</div></div></center>
<!--Кольцевой слайдер Конец-->
</div>
    	</td>
    </tr>
	</tbody>
</table>
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script><script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>
<style type="text/css">.container1 {width: 215px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding-left: 10px;
    float: left;
    list-style: none;
    height: 40px;
    width: 274px;
 background-color: #000000;
text-align:center;
font-family: times new roman;
text-transform: uppercase;
border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius: 12px;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
border: none;
    margin-bottom: -2px;
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    outline: none;
}

ul.tabs li a:hover {
    border: 0px solid #000000; 
}    

html ul.tabs li.active  {
    border: 0px solid #000000;
}  

html ul.tabs li.active a:hover  {
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 275px;
    height: 243px;
    border: none;  
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
}</style>

0

686

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

Вряд ли получиться , поскольку в эту же строку входит и цитировать удалить и т.д, имененно для них и задано центрирование
а профиль и емейл сдвинуты через float

ах, понятно) спасибо)

0

687

Rizz

Поправьте эту строку стиля в слайдере:

<center><div id=SL0 style="min-height: 190px!important; width: 90%; padding: 1%;">
<style>
.cont_ainsOO{float: left!important; width: 115px; display: none; height: 190px!important; overflow: auto;width:85%}

+1

688

Deff
ух, спасибо.:)

0

689

Всем здрасть. форум

Нужна помощь. Чой-то затупил я. Помогите сделать скролин (боковую прокрутку) а то объявление получилось слишком длинное.

0

690

ganibal Поменять на красное, синее убрать

<td height=150px; width="100%";  style="background-color:#DAA520"; background-size: 100%;[/color]">
<div style="width: 100%; height: 147px; overflow-y: scroll;">
<font size="3">
<center>
Представляем утвержденные итоги футбольного сезона 2013 года</br>

Отредактировано Deff (Пт, 13 Дек 2013 19:43:47)

0

691

Спасибо

Отредактировано ganibal (Пт, 13 Дек 2013 19:48:33)

0

692

Эммм, снова я, и снова с вопросом...

Хочу понять каким образом творится этот хтмл http://mmmchese.ru/viewtopic.php?id=357&p=2#p24416
я хочу понять при помощи чего можно собирать такие таблицы, при помощи http://htmlbook.ru/ ?
(я знаю что это хтмл в сообщениях, и я уже знаю о скриптах которые нужно сделать)

0

693

Здравствуйте, и пожалуйста, помогите!
Я полный ноль в дизайнах, что-то у меня случилось и всё пропало.
Как вернуть? Вот код:

цвета style_cs.css

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

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .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: #EEC897;
  color: #331000;

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #997342;
  color: #FFFDEC;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #BB9564;
  color: #000000;
  }

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

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

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

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

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #FFEAB9;
  color: #331000
}

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

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

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

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

/* 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: #CCA675;
  }

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

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

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

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

.punbb .divider {
  border-color: #CEA877 #FFE8B7 #FFE8B7 #FFE8B7
  }

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

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

.punbb .post-sig dt {
  border-top-color: #CCA675 !important;
  }

/* 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: #997342;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

/* 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: #BB9564;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #FFFFFF;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: underline;

  }

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

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

Div.icon {
background-image : url(http://s46.radikal.ru/i114/1011/2b/f5d675ab197e.jpg);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://s46.radikal.ru/i111/1011/9b/800c43f99ffb.jpg);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://s016.radikal.ru/i334/1011/32/91482f559158.jpg);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(http://i059.radikal.ru/1011/64/fb0d16325bb9.jpg);
background-repeat: no-repeat;
}

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

Нужно сменить фон на http://s6.uploads.ru/j7MNK.jpg  , Убрать границы на теле форума, то есть полоски, разделяющие сами форумы. Вставить туда фон с рамкой, к примеру, вот этот: http://s5.uploads.ru/evTVs.jpg но я его поменяю. И надписи к названиям категорий также нужно сменить.
Здесь - красными полосами отмечены полоски, которые нужно скрыть, сделать прозрачными, в кружке - названия категорий, которые нужно заменить картинкой, текстом - http://s6.uploads.ru/XIaQT.jpg
Адрес форума -  http://deviant.mybb.ru/
Заранее спасибо!

Отредактировано корцек (Пт, 13 Дек 2013 23:50:24)

0

694

уже сменил, получилось вот что:

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

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

body {
background: transparent url(http://s7.uploads.ru/dZHFC.jpg) center top repeat-y fixed !important;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .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: #EEC897;
  color: #331000;

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #997342;
  color: #FFFDEC;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #BB9564;
  color: #000000;
  }

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

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

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

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

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #FFEAB9;
  color: #331000
}

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

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

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

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

/* 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: #CCA675;
  }

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

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

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

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

.punbb .divider {
  border-color: #CEA877 #FFE8B7 #FFE8B7 #FFE8B7
  }

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

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

.punbb .post-sig dt {
  border-top-color: #CCA675 !important;
  }

/* 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: #997342;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

/* 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: #BB9564;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #FFFFFF;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: underline;

  }

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

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

Div.icon {
background-image : url(http://s46.radikal.ru/i114/1011/2b/f5d675ab197e.jpg);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://s46.radikal.ru/i111/1011/9b/800c43f99ffb.jpg);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://s016.radikal.ru/i334/1011/32/91482f559158.jpg);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(http://i059.radikal.ru/1011/64/fb0d16325bb9.jpg);
background-repeat: no-repeat;
}

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

но тело почему- то прозрачное, как его заменить картинкой?

0

695

теперь остался просто один вопрос: как заменить тело картинкой? чтобы не было границ. к примеру, вот такой: http://s5.uploads.ru/evTVs.jpg");

0

696

body {
background: transparent url(http://s7.uploads.ru/dZHFC.jpg) center top repeat fixed !important;
}

Или

body {
background: #C09A6A url(http://s7.uploads.ru/dZHFC.jpg) center top repeat-y fixed !important;
}

0

697

Deff
спасибо. и еще вопросы:
1. как подвинуть всё содержание форума левее, чтобы граница между рамкой и текстом была меньше?
отмечено красной стрелкой
2. сделать человеческую шапку, чтобы она нормально вписывалась в форум, а не как там. (код шапки стоит в хтмл верх, а не в структуре css, может в этом дело)
3. убрать полосу под приветствием "привет, Гость, ваш последний визит ... "
4. и слева - рамка почему-то получилась двойная, хотя на картинке - одна.

http://s6.uploads.ru/ynYJe.jpg

0

698

Здравствуйте.
Подскажите, пожалуйста, как убрать лишнее пространство между табличкой и надписями "Новые сообщения" наверху и "Привет, гость" внизу.
http://eldoradolife.ru/

0

699

Танюшка1482
В HTML верх

<style type="text/css">
#tab2 {
margin-top:-50px;
margin-bottom:-70px;
}
</style>

корцек написал(а):

1. как подвинуть всё содержание форума левее, чтобы граница между рамкой и текстом была меньше? отмечено красной стрелкой

Типовые Вопросы п.п.54

корцек написал(а):

3. убрать полосу под приветствием "привет, Deff, ваш последний визит ... "

Во втором окне убрать строку красным

.punbb .divider {
  border-color: #CEA877 #FFE8B7 #FFE8B7 #FFE8B7
  }

корцек написал(а):

4. и слева - рамка почему-то получилась двойная, хотя на картинке - одна.

Уменьшить в Первом окне:

/* A5.1 */
#pun {
    margin: 0px auto;
    width: 900px;
    position: relative;
    background-image: url("http://s7.uploads.ru/N8eBd.jpg");
}

Отредактировано Deff (Сб, 14 Дек 2013 13:15:32)

+1

700

корцек написал(а):

чтобы она нормально вписывалась в форум,

Добавьте красным

<style type="text/css">
#pun-title table {
  background-image : url(http://s6.uploads.ru/i15qt.jpg);
  width:900px;
  width: 860px;
  margin-left:-48px;

  background-repeat: no-repeat;
  background-color: black;
  background-position: top center;
  height : 300px;
}
</style>

Можно изъять теги <style> и поставить в Конец Первого Окна


А вообще либо читать литературу
FAQ по дизайну форума в CSS
Инструменты для поиска и редактирования стиля (скриптов).
http://forumdesign.0pk.ru/viewtopic.php?id=3073
http://htmlbook.ru/css

Либо найти нормального дизайнера и отдать диз ему на откуп (А то походу как нищий на паперти, с руками с ногами с головой, и не новичек, а всё попрошайничает

Отредактировано Deff (Сб, 14 Дек 2013 13:28:19)

0


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