То, что сейчас:
Хочется примерно так:
Общие вопросы по оформлению (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)