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

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

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


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


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

Сообщений 381 страница 400 из 1000

1

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

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

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

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

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

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

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

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

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

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

0

381

Здравствуйте. Ещё раз возвращаюсь от высокого к нубовским вопросам. Нужно увеличить текст на всём форуме и изменить его цвет. Как это можно сделать при помощи css?
Также интересует, как сделать отступ текста в таблице от правого края? Когда-то, примерно месяц я заказывал таблицу здесь, всё устроило, но сейчас совершенно не представляю, как работать с текстом.
http://test654.mybb.ru/

0

382

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

Нужно увеличить текст на всём форуме и изменить его цвет. Как это можно сделать при помощи css?

В Первом Окне стиля правим красное

/* A3.2 - Весь текст на форуме */
.punbb {
  font: normal 68.75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

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

, как сделать отступ текста в таблице от правого края

В Cтиле табличке изменяем на красное

.tab-content {
          display: none;
          width: 398px;
          height: 365px;
          padding-top: 20px;
          padding-left: 20px;
/*          outline: solid blue 1px; Убираем Строку после настройки*/
/*          color: #fff;*/
          overflow-y: auto;
        }
        </style>

0

383

Нэнси Малина написал(а):

все съехало вместе с профилем (и шапка, и тот самый левый край), причем только на странице в теме

sos!

Нэнси Малина написал(а):

1. Как отодвинуть картинку профиля в сбщ от рамки футера? http://test100500.rusff.ru/viewtopic.php?id=1#p4
2. Как поставить в цитату картинку? Не просто повторяющийся фоновый рисунок или цвет, а картинку, которая должна быть одинакова со всех четырех сторон.
цитаты ведь бывают разных размеров... Можно ли это задать как тот же профиль в сбщ?

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

Нэнси Малина написал(а):

к тому же, возник еще вопрос: картинка профиля в сбщ. Слишком много места внизу, какой-то непонятный отступ между концом информации профиля и концом картинки. http://test100500.rusff.ru/viewtopic.php?id=1#p4

0

384

Нэнси Малина написал(а):

все съехало вместе с профилем (и шапка, и тот самый левый край), причем только на странице в теме

Верните взад, - попробуем иную методу

Нэнси Малина написал(а):

sos!

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

Приведите ссылки
3. Решайте Вопросы по одному, после решения одного, к следующему, ибо есть и свои проекты, отрываюсь от них для перерыва

0

385

Deff
хорошо.
http://test100500.rusff.ru/
давайте тогда сначала с таблицей решим.
код:

Код:
<br>
<br>
<br>
<br>
<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 10px;
margin: 10px 0;
width: 140px;
height: 25px;
font-variant: small-caps;
font-family: Sylfaen;
font-size: 14px;
font-color: #191708;
background: url(http://s6.uploads.ru/rP700.png);
}
#menu .tabactive {
font-color: #191708;
font-variant: small-caps;
background: url(http://s6.uploads.ru/U6Wvy.png);
width: 140px;
height: 25px;
}

#submenu {
padding: 5px;
height: 200px;
text-align: center;
font-size: 11px;
width: 775px;
background: url(http://s7.uploads.ru/hLV7B.png);
}

.submenutext {
display: none; 
height: 40px;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<center><table style="width: 700px;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Главная</span>
<span alt="#sm2" style="cursor: pointer;">Игра</span>
<span alt="#sm3" style="cursor: pointer;">Администрация</span>
<span alt="#sm4" style="cursor: pointer;">Навигация</span>
<span alt="#sm5" style="cursor: pointer;">Реклама</span>
           </b>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
Контент 1-й кнопки
</div>
     <div id="sm2" class="submenutext"><br /><br />

Контент 2-й кнопки
</div>
     <div id="sm3" class="submenutext"><br /><br />
Контент 3-й кнопки
</div>
     <div id="sm4" class="submenutext"><br /><br />
Контент 4-й кнопки
</div>
     <div id="sm5" class="submenutext"><br /><br />
Контент 5-й кнопки
</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

уже несколько модифицированный мной, однако кроме стиля ничего не меняла. Таблица должна быть такой:
http://s6.uploads.ru/jc8tL.jpg
код ваш, нашла на этом форуме, но не могу изменить его под свои нужды. Кнопки вообще не реагируют на изменение ширины и высоты. А фон подкладывается только на ту часть, где будет текст, а должен и под кнопки
к тому же хотелось бы сделать кнопки при наведении такими
http://s6.uploads.ru/NvPhR.png
а активная пусть остается так

0

386

Deff
Благодарю.
Ещё вопрос: как изменить отступ между топиком и сообщением? А то текст слегка налезает на тень от топика, и это раздражает, хочется подвинуть сообщение чуть вправо. И, я забыл, как изменить вот эту часть с кирпичами под аватаркой? Как изменить картинку?

Скрин

http://s7.uploads.ru/t/DZACU.jpg

Отредактировано tiger_roman (Вт, 26 Ноя 2013 23:29:28)

0

387

tiger_roman
В первом окне стиля ищем:

/* B1.3 */
.punbb .post-content p {
  margin: 0
  padding: 0 0 1em 0;
  line-height: 150%;
  }

Выделенное красным меняем на это: margin: 0px 0px 0px 10px;

Отредактировано Fover (Вт, 26 Ноя 2013 23:42:51)

0

388

ой

Отредактировано Катарина (Чт, 28 Ноя 2013 01:51:44)

0

389

Доброго.
Замотался уже.
Скрин
Сверху и снизу вылезает кусок тела форума, а мне нужно, чтобы его там не было.
И футер у меня тоже внезапно пропал после очередной смены изображения.
В чем косяк, люди добрые?
Ссылка на форум

0

390

Fover
Благодарю. http://mybb.ru/f/collection/0211.gif
Вот ещё вопрос: как изменить весь цвет шрифта в профиле? И как увеличить изображение топика в ширину?

Скрин

http://s7.uploads.ru/t/vlPQy.jpg

http://test654.mybb.ru/

Отредактировано tiger_roman (Ср, 27 Ноя 2013 13:21:50)

0

391

tiger_roman

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

Код:
<style>
.punbb .post .post-author { 
color: #FFFFFF;
}
</style>

Изменить цвет ссылок в профиле

Код:
<style>
.punbb .post .post-author a{ 
color: #FFFFFF;
}
</style>

0

392

Нэнси Малина написал(а):

давайте тогда сначала с таблицей решим.

разобралась сама
единственная проблема осталась: текст вкладок при наведении становится светло-зеленым, как и все ссылки на форуме. А мне бы этого не хотелось. Хочу, чтобы он оставался, каким был, менялся только задник. Как это исправить?
код таблицы:

Код:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style type="text/css">
	/* <![CDATA[ */
    /*  Стили для первой группы вкладок */
    #tabs-body{
    	clear: both;
    	width: 774px;
    	height: 222px;
    	text-align: justify;
    	overflow: auto;
        background: url(http://s6.uploads.ru/pDPNs.png);
    } 
    #tabs-body div{
    	padding: 12px;	
    	margin: 0px;
        font-size: 11px;
    }
    #tabs-list {
    	list-style: none;
    	margin-left: 0px;
    	padding: 0px;
        height: 41px;
        width: 774px;
        background-image: url(http://s7.uploads.ru/HhLQ2.png);
    }
    #tabs-list li a {   
    	padding: 5px 10px 5px 10px;
    	margin: 0px;
    	display: block;
    }
    #tabs-list li {
    	float: left;
    	width: 140px;
    	border-bottom: none;
    	margin-left: 12px;
        margin-top: 10px;
        background: url(http://s6.uploads.ru/M3Gvw.png);
        font-color: #150f01;
        font-family: Georgia;
        font-weight: normal;
        font-variant: small-caps;
        text-align: center;
    }    
    #tabs-list li a:hover {
     background: url(http://s6.uploads.ru/PmW9u.png);
     font-color: #150f01!important;
     }
    .current {
     background: url(http://s7.uploads.ru/oIuGT.png);
    }
    /* ]]> */
	</style>

	

<ul id="tabs-list">
  <li><a class="some" href="#tab-1">Главная</a></li>
  <li><a class="some" href="#tab-2">Игровое</a></li>
  <li><a class="some" href="#tab-3">Администрация</a></li>
  <li><a class="some" href="#tab-4">Навигация</a></li>
  <li><a class="some" href="#tab-5">Реклама</a></li>  
</ul>

<div id="tabs-body">	
	<div id="tab-1" style=overflow: auto;>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <p><b>Бесцельно шатаясь по улицам, парень вдруг замер, откидывая голову назад: звёзд почти не видно, луна неестественного жёлтого оттенка. Как сыр. Смеётся собственным ассоциациям лениво, бессильно. Всё это – как-то паршиво.</b></p>
	</td>
	</tr>
	</table>
	<hr>
	<table width='100%'>
	<tr>
	<td width='30%'>
    
	</td>
	<td width='70%'>
	</td>
	</tr>
	</table>
    </div>
	
    <div id="tab-2">
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
   
	</td>
	</tr>
	</table>
	<hr>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <a href = 'http://cs408529.vk.me/v408529513/1fbe/t3vYjb-3vDM.jpg'>Котятки</a> &diams; <a href = 'http://cs418326.vk.me/v418326718/11248/xcKsWhszAKE.jpg'>ОУ-ВО-О-О-У!</a>
	</td>
	</tr>
	</table>
    </div>
	
    <div id="tab-3" style=overflow: auto;>
	<table width='100%'>
	<tr>
	<td width='30%' align = 'center'>
    <img src = 'http://forumstatic.ru/files/000f/1a/00/54970.jpg'>
	</td>

	<td width='50%'>
    <p>Бесцельно шатаясь по улицам, парень вдруг замер, откидывая голову назад: звёзд почти не видно, луна неестественного жёлтого оттенка. Как сыр. Смеётся собственным ассоциациям лениво, бессильно. Всё это – как-то паршиво.</p>
	</td>
	</tr>
	</table>
    </div>
	
	<div id="tab-4" style=overflow: auto;>
	<table width='100%'>
	<tr>
	<td width='100%'>
    <p><center><b>А Д М И Н С Т Р А Ц И Я</b></center><p>
	</td>
	</tr>
	</table>

	<table width = '100%'>
	<tr>
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'></a>
	</td>
	
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/87135.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/87135.jpg'></a>
	</td>
	</tr>
	
	<tr>
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/49476.jpg'></a>
	</td>
	
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/47688.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/47688.jpg'></a>
	</td>
	</tr>
	</table>
    </div>
	
    <div id="tab-5" style=overflow: auto;>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <p>Я сегодня открыл холодильник.</p>
        <p>На тарелке лежит голова.</p>
        <p>Я со страху уронил кипятильник.</p>
        <p>А она улыбнулась едва.</p>
	</td>
	</tr>
	</table>
	<hr>
	<table width='100%'>
	<tr>
	<td width='100' align = 'center'>
    <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>   <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>
	</td>
	</tr>
	</table>
	</div>
</div>

<script type="text/javascript" src="http://dgmtw.f-rpg.ru/files/0013/5b/95/72165.js"></script>
<script type="text/javascript" src="http://dgmtw.f-rpg.ru/files/0013/5b/95/33369.js"></script>

http://test100500.rusff.ru/

Отредактировано Нэнси Малина (Ср, 27 Ноя 2013 15:07:18)

0

393

Timon
Спасибо. А как изменить размер картинки топика в ширину?
И у меня полетели шрифты на форуме, почему-то. Безмерно это напрягает. Помогите, пожалуйста. Это касается шрифтов в меню навигации и в названиях категорий.
http://test654.mybb.ru/

Отредактировано tiger_roman (Ср, 27 Ноя 2013 18:56:36)

0

394

///del
разобрался

Отредактировано Ita Ita (Ср, 27 Ноя 2013 17:03:56)

0

395

Ну пожаалуйста, помогите :3

0

396

tiger_roman
Открываете настройки css, в структуре ищите:

Код:
/* D3.2 */
#pun-navlinks .container {
    padding-top: 18px;
    height: 20px;
    font-size: 19px;
    font-family: StudioScriptCTT;
    text-align: center;
}

меняете на

Код:
/* D3.2 */
#pun-navlinks .container {
    padding-top: 18px;
    height: 20px;
    text-align: center;
}

_____________________________

Красным выделен размер шрифта в категориях

#pun-main h2 {
  font-family: Bickham Script Two;
  font-size: 42px;
  padding: 0.3em 1em;
  border-style: dotted dotted dotted dotted ;
  border-width: 0px 0px 0px 0px;
  background-image: url();
}

0

397

Нэнси Малина написал(а):

разобралась сама
единственная проблема осталась: текст вкладок при наведении становится светло-зеленым, как и все ссылки на форуме. А мне бы этого не хотелось. Хочу, чтобы он оставался, каким был, менялся только задник. Как это исправить?

Cделайте скриншот- ткните стрелкой, о наведении на что идёт речь и в каком браузере?

0

398

Помогите, пожалуйста, настроить описание форумов под заголовком..
http://dynastworks.mybb.ru/

upd: разобрался, теперь не могу опустить текст у категорий

Отредактировано Ita Ita (Чт, 28 Ноя 2013 01:36:13)

0

399

Нэнси Малина
Замените

Код:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style type="text/css">
	/* <![CDATA[ */
    /*  Стили для первой группы вкладок */
    #tabs-body{
    	clear: both;
    	width: 774px;
    	height: 222px;
    	text-align: justify;
    	overflow: auto;
        background: url(http://s6.uploads.ru/pDPNs.png);
    } 
    #tabs-body div{
    	padding: 12px;	
    	margin: 0px;
        font-size: 11px;
    }
    #tabs-list {
    	list-style: none;
    	margin-left: 0px;
    	padding: 0px;
        height: 41px;
        width: 774px;
        background-image: url(http://s7.uploads.ru/HhLQ2.png);
    }
    #tabs-list li a {   
    	padding: 5px 10px 5px 10px;
    	margin: 0px;
    	display: block;
    }
    #tabs-list li {
    	float: left;
    	width: 140px;
    	border-bottom: none;
    	margin-left: 12px;
        margin-top: 10px;
        background: url(http://s6.uploads.ru/M3Gvw.png);
        font-color: #150f01;
        font-family: Georgia;
        font-weight: normal;
        font-variant: small-caps;
        text-align: center;
    }    
    #tabs-list li a:hover {
     background: url(http://s6.uploads.ru/PmW9u.png);
     font-color: #150f01!important;
     }
    .current {
     background: url(http://s7.uploads.ru/oIuGT.png);
    }
    /* ]]> */
	</style>

	

<ul id="tabs-list">
  <li><a class="some" href="#tab-1">Главная</a></li>
  <li><a class="some" href="#tab-2">Игровое</a></li>
  <li><a class="some" href="#tab-3">Администрация</a></li>
  <li><a class="some" href="#tab-4">Навигация</a></li>
  <li><a class="some" href="#tab-5">Реклама</a></li>  
</ul>

<div id="tabs-body">	
	<div id="tab-1" style=overflow: auto;>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <p><b>Бесцельно шатаясь по улицам, парень вдруг замер, откидывая голову назад: звёзд почти не видно, луна неестественного жёлтого оттенка. Как сыр. Смеётся собственным ассоциациям лениво, бессильно. Всё это – как-то паршиво.</b></p>
	</td>
	</tr>
	</table>
	<hr>
	<table width='100%'>
	<tr>
	<td width='30%'>
    
	</td>
	<td width='70%'>
	</td>
	</tr>
	</table>
    </div>
	
    <div id="tab-2">
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
   
	</td>
	</tr>
	</table>
	<hr>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <a href = 'http://cs408529.vk.me/v408529513/1fbe/t3vYjb-3vDM.jpg'>Котятки</a> &diams; <a href = 'http://cs418326.vk.me/v418326718/11248/xcKsWhszAKE.jpg'>ОУ-ВО-О-О-У!</a>
	</td>
	</tr>
	</table>
    </div>
	
    <div id="tab-3" style=overflow: auto;>
	<table width='100%'>
	<tr>
	<td width='30%' align = 'center'>
    <img src = 'http://forumstatic.ru/files/000f/1a/00/54970.jpg'>
	</td>

	<td width='50%'>
    <p>Бесцельно шатаясь по улицам, парень вдруг замер, откидывая голову назад: звёзд почти не видно, луна неестественного жёлтого оттенка. Как сыр. Смеётся собственным ассоциациям лениво, бессильно. Всё это – как-то паршиво.</p>
	</td>
	</tr>
	</table>
    </div>
	
	<div id="tab-4" style=overflow: auto;>
	<table width='100%'>
	<tr>
	<td width='100%'>
    <p><center><b>А Д М И Н С Т Р А Ц И Я</b></center><p>
	</td>
	</tr>
	</table>

	<table width = '100%'>
	<tr>
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'></a>
	</td>
	
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/87135.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/87135.jpg'></a>
	</td>
	</tr>
	
	<tr>
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/49476.jpg'></a>
	</td>
	
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/47688.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/47688.jpg'></a>
	</td>
	</tr>
	</table>
    </div>
	
    <div id="tab-5" style=overflow: auto;>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <p>Я сегодня открыл холодильник.</p>
        <p>На тарелке лежит голова.</p>
        <p>Я со страху уронил кипятильник.</p>
        <p>А она улыбнулась едва.</p>
	</td>
	</tr>
	</table>
	<hr>
	<table width='100%'>
	<tr>
	<td width='100' align = 'center'>
    <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>   <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>
	</td>
	</tr>
	</table>
	</div>
</div>

<script type="text/javascript" src="http://dgmtw.f-rpg.ru/files/0013/5b/95/72165.js"></script>
<script type="text/javascript" src="http://dgmtw.f-rpg.ru/files/0013/5b/95/33369.js"></script>

0

400

Доброго вам,
я вот с таким банальным вопросом (ответ знала, но потеряла)
где в style.css можно убрать названия категорий? с:

и ещё,

хочу убрать все обводки (жёлтым) но оставить ту что разделяет профиль от сообщений (красным)
http://keepme.ru/images/2013/11/27/Immagine.th.png

если можно это сделать через этот пункт
/* 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: #606060;
border-style: dashed
  }

http://nothingelse.mybb.ru/

0


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