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

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

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


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


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

Сообщений 741 страница 760 из 1000

741

То, что сейчас:
http://s3.uploads.ru/jdSVP.png
Хочется примерно так:
http://s3.uploads.ru/N7ia1.png

0

742

TuriTadashi, за декорирование формы ответа отвечает селектор .punbb .formal. Если вы посмотрите на предыдущий мой вам ответ, то увидите, что в списках селекторов, из которых мы с вами вытаскивали нужные для оформления постов, есть и этот — для формы быстрого ответа. Вам нужно точно так же выудить его из /* A5.8 */ и /* CS2.2 */, переместив в /* A5.8А — внешние границы постов и формы быстрого ответа*/ и /* CS2.2А — цвет внешний границ постов и формы быстрого ответа*/

Должно получиться так:

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .modmenu, .punbb .info,
.punbb .category {
  border-style: none none none none;
  border-width: 0px 0px 0px 0px;

  }

/* A5.8А — внешние границы постов и ФБО*/
.punbb .post, .punbb .formal {
  border-style: solid solid solid solid;
  border-width: 1px 1px 1px 1px;

  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .modmenu, .punbb .info,
.punbb .category {
  border-color: transparent;
  }

/* CS2.2А — цвет внешний границ постов и ФБО*/
.punbb .post, .punbb .formal {
  border-color: #fff;
  }

P.S. Подписи между слешами и звездочками вы можете писать такие, какие вам будут понятны/удобны, или не писать вовсе, но если вы и дальше будете иметь дело с дизайном, то объяснения лучше оставлять — так вам будет значительно легче ориентироваться, что есть что

0

743

Большое спасибо.

0

744

TuriTadashi, в окне Структуры

/* A5.7 */
#pun-post .topic {
margin-top: 1em;
}

/* A5.8 */

Добавьте пропущенную букву в номере

И в окне Цветов

/* CS2.2А — цвет внешний границ постов и ФБО*/
.punbb .post, .punbb .formal {
  border-color: #766942;
  }
  }

у вас две закрывающиеся скобки - одну нужно убрать

+1

745

Еще появились вопросы, ибо сложновато с тем, что сейчас.
Можно ли заключить подобные вещи в рамку?
http://s3.uploads.ru/Xqeaf.png
Такое не только с изображением, но и с выбором цвета, граффити, выбором размера текста, а так же с выбором шрифта, видео и смайликами.

Отредактировано TuriTadashi (Сб, 8 Июн 2013 15:02:05)

0

746

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

Еще появились вопросы, ибо сложновато с тем, что сейчас.
Можно ли заключить подобные вещи в рамку?

Можно добавить border:

Код:
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
border: 2px solid black;
}

Где:
border: 2px solid black;
Красным - ширина бордюра;
Зеленым - стиль;
Синим - цвет;

+1

747

А куда именно вставлять?

0

748

TuriTadashi, в том виде, в котором вам привел код господин kolobdur74, можно вставить в окно Структуры или Цветов стиля в Администрировании - Свой стиль. Если обернете тегами <style></style> - то в хтмл-верх

0

749

Все, нашла.

0

750

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

<style>
div .splLink {width: 110px; height: 40px; border: 0px solid #FFD700; background: #141d21; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 110px; height: 70px; }
.spll div .splCont {height: auto; width: 200px; background: #080a0b; padding: 5px; z-index: 4000; margin-top: 5px; border: 1px solid #3e4145; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center; border-radius: 10px;
  box-shadow: 0 0 25px #000 inset;}
</style>

HTML низ

<!--Спойлер - контейнер-->
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

И это в табло информации

<center><table style="width: 100%">
<tr>

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s3.uploads.ru/kjieg.png" /></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<img src="http://s3.uploads.ru/WiDCM.png" />
<br>
<a href="http://bloodlines.bbtalk.ru/viewtopic.php?id=3">Фракции</a>
<br>
<a href="http://bloodlines.bbtalk.ru/viewtopic.php?id=2">Кланы</a>
<br>
<a href="http://bloodlines.bbtalk.ru/viewtopic.php?id=6">Дисциплины</a>
<br>
<img src="http://s3.uploads.ru/YH3R4.png" />
</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s3.uploads.ru/PKi4r.png" /></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то 2</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s3.uploads.ru/HtY3d.png" /></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то 3</DIV></DIV>
</div></td>

</tr>
</table></center>

Получается вот это

http://s3.uploads.ru/t/zlKiJ.png

0

751

~Sorrow~
Ссылку на форум с установленным кодом

0

752

Deff

0

753

~Sorrow~
Пробуйте добавить красным...

<!-- шапка начало -->
<div id="logotop" style="position:absolute;z-index:30000;">

+1

754

Deff
Помогло! Спасибо Вам большое! http://mybb.ru/f/collection/0211.gif

0

755

Deff
О ноу...теперь пропало меню навигации...

Скрин

http://s3.uploads.ru/t/bdx3q.png

0

756

~Sorrow~
1. У Вас кривой код в HTML верх, уберите моё дополнение и сосчитайте кол-во открытых и закрытых тегов <div> </div> оно должно быть равное

Когда исправите - отпишитесь

Отредактировано Deff (Вс, 9 Июн 2013 14:22:16)

0

757

Deff
Вроде равное количество, все равно пропадает меню навигации, у меня уже в глазах плывет(((

Код:
<style> 
div .splLink {width: 110px; height: 40px; border: 0px solid #FFD700; background: #141d21; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 110px; height: 70px; }
.spll div .splCont {height: auto; width: 200px; background: #080a0b; padding: 5px; z-index: 4000; margin-top: 5px; border: 1px solid #3e4145; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center; border-radius: 10px;
  box-shadow: 0 0 25px #000 inset;}
</style>

<!-- шапка начало -->
<div id="logotop">

<!-- табло Новостей -->
<h1>Новости</h1>
<div id="news-screen">

<p><span>01.04.12.</span> Регистрация осуществляется только по приглашениям</p>
<span>07.12.11.</span> Желающим играть <a href="#">...подробнее</a></p>
<p><span>дата</span> новость</p>
<p><span>дата</span> новость</p>

</div>
<!-- табло Информации -->
<div id="info-cont">

<center><table style="width: 100%">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s3.uploads.ru/kjieg.png" /></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<img src="http://s3.uploads.ru/WiDCM.png" />
<br>
<a href="http://bloodlines.bbtalk.ru/viewtopic.php?id=3">Фракции</a>
<br>
<a href="http://bloodlines.bbtalk.ru/viewtopic.php?id=2">Кланы</a>
<br>
<a href="http://bloodlines.bbtalk.ru/viewtopic.php?id=6">Дисциплины</a>
<br>
<img src="http://s3.uploads.ru/YH3R4.png" />
</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s3.uploads.ru/PKi4r.png" /></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то 2</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s3.uploads.ru/HtY3d.png" /></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то 3</DIV></DIV>
</div></td>
</tr>
</table></center>

</div>

<!-- юзер-панель -->
<div id="u-ava"></div>
<script type="text/javascript">
if (UserAvatar == ""){UserAvatar = "http://s1.uploads.ru/i/fTuib.png"}
var arr=document.getElementsByTagName("div")
i=0
while(arr[i] ){
if(arr[i].id=="u-ava") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<a href='/profile.php?section=avatar&id="+UserID+"' title='Изменить аватару'><img style='max-width:75px;max-height:97px;' src="+UserAvatar+"></a>"+name
}i++}
</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if(arr[i].id=="u-ava" && GroupID == "3") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<img style='padding-top:8px;' src='http://s1.uploads.ru/i/fTuib.png'>"+name
}
i++
}
</script>
<div id="u-text"></div>
<script type="text/javascript">

var arr=document.getElementsByTagName("div")
i=0
while(arr[i] ){
if(arr[i].id=="u-text") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<a href='/profile.php?id="+UserID+"'>Мой профиль</a> <a href='/messages.php'>Личные сообщения</a>"+name
}i++}
</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if(arr[i].id == "u-text" && GroupID == "3") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<li id=\'navpiar\'><a onclick=\'PiarIn()\'><span style=\'cursor:pointer\'>Пиар-вход</span></a></li>"
}i++}
</script>

</div>
<!-- шапка конец -->


<script type="text/javascript">
rusffLive.enable = false;
</script>

0

758

~Sorrow~
Не наю, нужно разбираться, ибо намудренно с шаблоном
При малых знаниях лучше позиционировать каждый блок отдельной, независимой секцией без вложенности

Пробуйте уточнить - спросить там, где Вы брали этот шаблон

Отредактировано Deff (Вс, 9 Июн 2013 16:34:43)

0

759

Deff
Еще раз спасибо

0

760

~Sorrow~
Да не за что... Повторите запрос завтра, прост еще и занят слегка, не включаюсь пока в Вашу проблему...

И эскиз как надо отобразить в итоге

Отредактировано Deff (Вс, 9 Июн 2013 16:40:38)

0


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