То, что сейчас:
Хочется примерно так:
Общие вопросы по оформлению (48)
Сообщений 741 страница 760 из 1000
Поделиться741Сб, 8 Июн 2013 01:25:25
Поделиться742Сб, 8 Июн 2013 11:00:45
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. Подписи между слешами и звездочками вы можете писать такие, какие вам будут понятны/удобны, или не писать вовсе, но если вы и дальше будете иметь дело с дизайном, то объяснения лучше оставлять — так вам будет значительно легче ориентироваться, что есть что
Поделиться743Сб, 8 Июн 2013 12:04:24
Большое спасибо.
Поделиться744Сб, 8 Июн 2013 14:03:30
TuriTadashi, в окне Структуры
/* A5.7 */
#pun-post .topic {
margin-top: 1em;
}/* A5.8 */
Добавьте пропущенную букву в номере
И в окне Цветов
/* CS2.2А — цвет внешний границ постов и ФБО*/
.punbb .post, .punbb .formal {
border-color: #766942;
}
}
у вас две закрывающиеся скобки - одну нужно убрать
Поделиться745Сб, 8 Июн 2013 15:00:12
Еще появились вопросы, ибо сложновато с тем, что сейчас.
Можно ли заключить подобные вещи в рамку?
Такое не только с изображением, но и с выбором цвета, граффити, выбором размера текста, а так же с выбором шрифта, видео и смайликами.
Отредактировано TuriTadashi (Сб, 8 Июн 2013 15:02:05)
Поделиться746Сб, 8 Июн 2013 15:23:54
Еще появились вопросы, ибо сложновато с тем, что сейчас.
Можно ли заключить подобные вещи в рамку?
Можно добавить 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;
Красным - ширина бордюра;
Зеленым - стиль;
Синим - цвет;
Поделиться747Сб, 8 Июн 2013 22:58:28
А куда именно вставлять?
Поделиться748Сб, 8 Июн 2013 23:01:20
TuriTadashi, в том виде, в котором вам привел код господин kolobdur74, можно вставить в окно Структуры или Цветов стиля в Администрировании - Свой стиль. Если обернете тегами <style></style> - то в хтмл-верх
Поделиться749Сб, 8 Июн 2013 23:02:08
Все, нашла.
Поделиться750Вс, 9 Июн 2013 13:07:22
Помогите пожалуйста, мне нужно чтобы выпадающие блоки были не прозрачными
Вставляю этот код
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>
Поделиться751Вс, 9 Июн 2013 13:14:09
~Sorrow~
Ссылку на форум с установленным кодом
Поделиться753Вс, 9 Июн 2013 13:47:12
~Sorrow~
Пробуйте добавить красным...
<!-- шапка начало -->
<div id="logotop" style="position:absolute;z-index:30000;">
Поделиться754Вс, 9 Июн 2013 13:52:50
Deff
Помогло! Спасибо Вам большое! 
Поделиться756Вс, 9 Июн 2013 14:21:55
~Sorrow~
1. У Вас кривой код в HTML верх, уберите моё дополнение и сосчитайте кол-во открытых и закрытых тегов <div> </div> оно должно быть равное
Когда исправите - отпишитесь
Отредактировано Deff (Вс, 9 Июн 2013 14:22:16)
Поделиться757Вс, 9 Июн 2013 15:42:59
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>Поделиться758Вс, 9 Июн 2013 16:20:39
~Sorrow~
Не наю, нужно разбираться, ибо намудренно с шаблоном
При малых знаниях лучше позиционировать каждый блок отдельной, независимой секцией без вложенности
Пробуйте уточнить - спросить там, где Вы брали этот шаблон
Отредактировано Deff (Вс, 9 Июн 2013 16:34:43)
Поделиться759Вс, 9 Июн 2013 16:34:09
Deff
Еще раз спасибо
Поделиться760Вс, 9 Июн 2013 16:36:17
~Sorrow~
Да не за что... Повторите запрос завтра, прост еще и занят слегка, не включаюсь пока в Вашу проблему...
И эскиз как надо отобразить в итоге
Отредактировано Deff (Вс, 9 Июн 2013 16:40:38)
Похожие темы
| Общие вопросы по оформлению (65) #2 | Вопросы по оформлению форума | Чт, 30 Окт 2025 |
| Общие вопросы по Оформлению | Архив | Ср, 17 Окт 2007 |
| Общие вопросы по Оформлению (часть 3) | Архив | Пт, 3 Авг 2007 |
| Общие вопросы по оформлению (50) | Архив | Чт, 31 Окт 2013 |
| Общие вопросы по оформлению (49) | Архив | Вт, 27 Авг 2013 |

