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

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

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


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


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

Сообщений 461 страница 480 из 1000

1

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

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

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

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

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

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

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

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

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

0

461

Охи
1. Оберните описание форумов в теги

<div class=MyOpis>
<!-- тут Описание -->
</div>

2. Поставьте скрипт => Перенос Колонок тем и сообщений под Описание Форума

Отпишитесь

0

462

Deff, сделано, жду дальнейших указаний  :glasses:

0

463

Охи
Замените код в HTML низ:

Код:
<script type="text/javascript">
    $('#pun-index .category td.tcl').each(function() {
      var TR = $(this).parents('tr:first');
      var H3 = $(this).find('h3');
      var str='<br><div class="Add"><div class="Tems_And_messages">Teм: <span class="right">'+TR.find('td.tc2').text()+'</span></div><div  style="margin-left:12px;" class="Tems_And_messages">Cообщений: <span class="right">'+$(this).parents('tr:first').find('td.tc3').text()+'</span></div></div><br>';
      var lsr=TR.find('td:last');
      $(str).prependTo(lsr);H3.prependTo(lsr);
    });
    </script>
<style type="text/css">
.punbb div.icon {
  position:absolute;
  float:none;
}
#pun-index td.tcr {
  vertical-align:top;
  color:#89896A;
}
#pun-index td.tcr a{
  color:#89896A;
}
#pun-index td.tcr a:hover {
  color:#606954;
}
#pun-index td.tcr h3 {
  font: normal normal 400 32px/120% Verdana;
}
#pun-index #pun-main table {
  border-collapse:collapse;
}
#pun-index #pun-main td {
  background-color:#BFBC9B!important;
  background-clip:padding-box;
  border: #B9B693 17px solid;
  padding:12px;
}
.MyOpis {
  border: #606954 10px solid;
  padding:8px;
  margin:-12px;
}
</style>

0

464

Deff, ооо, гениально, спасибо вам огромное за помощь! :3

0

465

Мне кажется, хорошо разобран материал по правильному оформлению форума, а значит, его раскрутке и популярности, на сайте Markintalk.ru.  Там речь идёт обобщённо про все сайты, но мне кажется, что принцип работы во всех случаях примерно одинаков.  И, если не учитывать и не соблюдать все перечисленные там правила, никакие примочки не сработают... Мне вообще всего два сайта кажутся заслуживающими внимания: forum,mybb.ru и Markintalk.ru

0

466

Доброго вечера.

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

http://bis.rusff.ru/

Черным выделила область, где обычно надпись находится.

http://se.uploads.ru/HyPXi.jpg

0

467

Варя; написал(а):

У меня пропала надпись "код",

http://bis.rusff.ru/
добавьте скрипт, появиться кнопка

Код:
<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>

0

468

103

Неа, все так же пусто, не то что кнопки нет- даже простого текста - код...

0

469

Доброго времени.

Подскажите, а как задать внутреннюю тень поверх картинки аватара?
.pa-avatar {box-shadow: inset ...;} не помогает =( Тень появляется у всего блока avatar, а не конкретно у изображения.

Добавлено спустя 1 час 16 минут 24 секунды:
Добавление внутренней тени .pa-avatar.item2 img вроде бы результат дает, однако тень находится под аватаркой х_х

Отредактировано Eldena (Пн, 23 Мар 2015 22:39:39)

0

470

День добрый.
Как сделать,чтобы так же в описание форума были ссылки?
http://se.uploads.ru/t/0Ycqu.png

0

471

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

Как сделать,чтобы так же в описание форума были ссылки?

Администрирование - Форумы - Редактировать, в описании можно использовать HTML. Пример простой ссылки:

<a href="здесь_URL">Это интересно</a>

HTML-теги смотрите и изучайте - http://htmlbook.ru/html

Если вы об оформлении/расположении ссылок в описании спрашиваете, то одного скриншота (тем более такого размера) будет мало - указывайте адрес своего форума и адрес примера, где видели.

Отредактировано Reysler (Вт, 24 Мар 2015 16:31:10)

0

472

На счет вопроса о надписи - код - проблема все еще актуальна, и еще вопрос. Как можно перенести бегущую строку баннеров в низ форума? Место под это дело есть, просто не знаю как осуществить. На многих форумах видела такое.

http://bis.rusff.ru/

Отредактировано Варя; (Вт, 24 Мар 2015 20:33:32)

0

473

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

Если вы об оформлении/расположении ссылок в описании спрашиваете, то одного скриншота (тем более такого размера) будет мало - указывайте адрес своего форума и адрес примера, где видели.

http://whatthehellsthatiland.rusff.ru/ - мой форум
http://hustlerny.ru/ - пример(в рекламе)

0

474

Доброго времени суток! Возникла небольшая проблема.
Перестали работать ссылки на главную страницу форума.
Адрес форума: http://createdesign.forumrpg.ru/

Скрины

http://savepic.su/5486276.png
http://savepic.su/5472964.png

0

475

SawyerJ
Администрирование - Форумы, в описании нужного форума вставляем код:

<div class="forumlink">
  <a href="ссылка_1">Название ссылки 1</a>
  <a href="ссылка_1">Название ссылки 2</a>
  <a href="ссылка_1">Название ссылки 3</a>
</div>

Администрирование - Свой стиль, в самый низ первого поля вставляем:

/* Оформление горизонтальных ссылок в описании */
.forumlink a {
  text-decoration: none;
  background: #7b7b7b;
  color: #fff !important;
  text-align: center;
  display: inline-block;
  margin: 5px;
  padding: 5px 15px;
}
.forumlink a:hover {
  background: #d5d5d5;
  color: #000 !important;
}

Оформление меняем на своё (или спрашиваем у администратора того форума).

0

476

Варя;
У вас за это отвечает код, размещенный в Администрирование - Настройки - Объявление:

<marquee style="width: 100%; font: 11px 'serif'; color: #000000; bold;">внимание! Мы набираем админ - состав, будем рады видеть всех желающих участвовать в жизни этого мира, давайте строить его вместе!</marquee>

Просто перенесите его в Настройки - HTML-низ по месту.

0

477

Vermishelka
Именно на главной странице форума (на первом скриншоте) и не должно перенаправлять на главную. Администрирование - Настройки - HTML-верх, замените полностью таблицу на такую:

Код:
<table style="width: 100%;  background: transparent  center no-repeat; position: absolute;" border="0" cellpadding="0" cellspacing="0">

<tr>
   <td valign="top" align="center" style="width: 150px;">
    

<div id="menu">
<span alt="#sm1" style="cursor: pointer;" class="tabactive"><img src="http://savepic.su/5416002.png"></span>
<span alt="#sm2" style="cursor: pointer;" class=""><img src="http://savepic.su/5420083.png"></span>
<span alt="#sm3" style="cursor: pointer;" class=""><img src="http://savepic.su/5427267.png"></span>
<span alt="#sm4" style="cursor: pointer;" class=""><img src="http://savepic.su/5398592.png"></span>
<span alt="#sm5" style="cursor: pointer;" class=""><img src="http://savepic.su/5377091.png"></span>

</div>

   </td>
  
 <td id="MenuTxT" align="center" valign="top">

    <div id="submenu" align="center"> 
 <div align="center" style="margin-top:230px;margin-left:-550px;padding:1.3% 0;"> 

     <div id="sm1" class="submenutext" style="display: block;">

Текст 1 вкладки


</div>


<div id="sm2" class="submenutext" style="display: none;">

<a href="http://createdesign.forumrpg.ru/viewtopic.php?id=1#p34" class="tvm" target="">Тестовое</a>


</div>

    
<div id="sm3" class="submenutext" style="display: none;">

Текст 3 вкладки


</div>


  <div id="sm4" class="submenutext" style="display: none;">

Текст 4 вкладки

</div>


    <div id="sm5" class="submenutext" style="display: none;">

Текст 5 вкладки

</div>
</div>
</div>
</td>
</tr>
</table>

0

478

Reysler
Огромная благодарность! Все заработало)

0

479

Reysler
спасибо!

0

480

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

Доброго времени.
Подскажите, как задать внутреннюю тень поверх картинки аватара?

.pa-avatar {box-shadow: inset ...;} не помогает =( Тень появляется у всего блока avatar, а не конкретно у изображения.
Добавление тени для .pa-avatar.item2 img вроде бы результат дает, однако тень находится под аватаркой. Что можно сделать, чтобы она поверх отображалась?

Все еще актуально =(

0


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