Как можно заменить надпись "активен" и "не активен" на свои. Но не картинки?
Общие вопросы по оформлению (28)
Сообщений 561 страница 580 из 1000
Поделиться562Чт, 27 Янв 2011 14:31:30
Как можно заменить надпись "активен" и "не активен" на свои. Но не картинки?
<script type="text/javascript">
var Myonline='Тут Ваше слово или картинка1'
var Myoffline='Тут Ваше слово или картинка2'var we=document.getElementsByTagName("ul")
$(document).ready(function(){var x=0;for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+Myonline}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+Myoffline};}; });
</script>
Отредактировано Deff (Чт, 27 Янв 2011 14:32:07)
Поделиться563Чт, 27 Янв 2011 15:12:56
как сделать закруглённые края у окна цитаты/кода/спойлера? подскажите пожалуйста.
Поделиться564Чт, 27 Янв 2011 15:24:00
как вставить свою текстуру и как изменить цвет шрифта? тут
Поделиться565Чт, 27 Янв 2011 15:30:52
как сделать закруглённые края у окна цитаты/кода/спойлера? подскажите пожалуйста.
<style> /* Вариант Стиля цитаты*/
.punbb .quote-box, .punbb .code-box {
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;box-shadow: 0px 5px 18px #000;
-webkit-box-shadow:0px 5px 18px #000;
-khtml-box-shadow:0px 5px 18px #000;
-moz-box-shadow:0px 5px 18px #000;
}
</style>
Поделиться566Чт, 27 Янв 2011 15:30:57
lemonbee
Здравствуйте.
как сделать закруглённые края у окна цитаты/кода/спойлера? подскажите пожалуйста.
<style type="text/css"> .punbb .quote-box, .punbb .code-box { border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; } </style>
Отредактировано rps (Чт, 27 Янв 2011 15:31:22)
Поделиться567Чт, 27 Янв 2011 15:34:57
Deff
rps
спасибо большое))
Поделиться568Чт, 27 Янв 2011 15:42:09
Шаолин
Здравствуйте.
как вставить свою текстуру и как изменить цвет шрифта? тут
http://eidren.rolka.su/
Ищите во втором окне стиля:
/* CS1.8 */ #pun-navlinks .container { background-color: transparent; color: #301200; }
Меняйте на:
/* CS1.8 */ #pun-navlinks .container { background: url(Адрес изображения) color: #301200; } #pun-ulinks .container { background: url(Адрес изображения) }
Первое - для главного меню, второе - для пользовательских ссылок.
Далее там же ищите:
/* CS3.3 */ #pun-navlinks a { color: #fff; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #fff; text-decoration: underline; }
И меняйте на:
/* CS3.3 */ #pun-navlinks a, #pun-ulinks a { color: red !important; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-ulinks a:hover { color: green !important; text-decoration: underline; }
Первый цвет - в основном состоянии, второй - при наведении мыши.
Поделиться569Чт, 27 Янв 2011 15:44:21
а BB код спойлера на Mybb идет разве?оО у мну нет
Поделиться570Чт, 27 Янв 2011 16:20:38
На нижней картинке светлая полоса - её по идее обрезать неплохо
Я поняла. Спасибо. Только у меня почему-то таблица в сторону ушла. Посмотри.
http://midsummernightsdream.rolka.su/
Поделиться571Чт, 27 Янв 2011 16:32:13
Я поняла. Спасибо. Только у меня почему-то таблица в сторону ушла. Посмотри.http://midsummernightsdream.rolka.su/
потому что она стала больше установленной ширины форума Поправил смещение и пару тегов
(кстати - зачем вы центрируя в таблице текст
<td align="center">
и
<div align="center">
Одновременно ставите кучу тегов <center> </center> ???
<style> .html-box { margin:0 30px 0 -30px; } </style> <center><table width="814" border="0" bgcolor="#dfccae"> <tr> <td width="282"><div align="center"><img src="http://forumupload.ru/uploads/000c/c3/c1/78-5.png"></div></td> <td width="255"><div align="center"><img src="http://forumupload.ru/uploads/000c/c3/c1/79-1.png"></div></td> <td width="267"><div align="center"><img src="http://forumupload.ru/uploads/000c/c3/c1/79-2.png"></div></td> </tr> </table> <table width="814" height="333" border="0" background="http://forumupload.ru/uploads/000c/c3/c1/80-1-f.jpg"> <tr> <td width="301"><div style="margin:0px 0px 10px 80px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 140px; height: 124px;"><center><script language="JavaScript"> if (document.images) { img1on = new Image(); img1on.src =" http://forumupload.ru/uploads/000c/c3/c1/76-4.png"; img1off = new Image(); img1off.src = " http://forumupload.ru/uploads/000c/c3/c1/77-4.png"; } function imgOn(imgName) { if (document.images) { document[imgName].src = eval(imgName + "on.src"); }}//osw function imgOff(imgName) { if (document.images) { document[imgName].src = eval(imgName + "off.src"); }} </script> <a href=" http://bollywoodlife.rolevaya.ru/profile.php?id=3" onmouseover="imgOn('img1')"; onmouseout="imgOff('img1')" > <img src=" http://forumupload.ru/uploads/000c/c3/c1/76-4.png" border="0" name=img1></a> <script language="JavaScript"> if (document.images) { img1on = new Image(); img1on.src =" http://forumupload.ru/uploads/000c/c3/c1/76-2.png"; img1off = new Image(); img1off.src = " http://forumupload.ru/uploads/000c/c3/c1/77-2.png"; } function imgOn(imgName) { if (document.images) { document[imgName].src = eval(imgName + "on.src"); }}//osw function imgOff(imgName) { if (document.images) { document[imgName].src = eval(imgName + "off.src"); }} </script> <a href=" http://bollywoodlife.rolevaya.ru/profile.php?id=46" onmouseover="imgOn('img1')"; onmouseout="imgOff('img1')" > <img src=" http://forumupload.ru/uploads/000c/c3/c1/76-2.png" border="0" name=img1></a></center><br> <center><script language="JavaScript"> if (document.images) { img1on = new Image(); img1on.src =" http://forumupload.ru/uploads/000c/c3/c1/76-1.png"; img1off = new Image(); img1off.src = " http://forumupload.ru/uploads/000c/c3/c1/77-1.png"; } function imgOn(imgName) { if (document.images) { document[imgName].src = eval(imgName + "on.src"); }}//osw function imgOff(imgName) { if (document.images) { document[imgName].src = eval(imgName + "off.src"); }} </script> <a href=" http://bollywoodlife.rolevaya.ru/profile.php?id=2" onmouseover="imgOn('img1')"; onmouseout="imgOff('img1')" > <img src=" http://forumupload.ru/uploads/000c/c3/c1/76-1.png" border="0" name=img1></a> <script language="JavaScript"> if (document.images) { img1on = new Image(); img1on.src =" http://forumupload.ru/uploads/000c/c3/c1/76-3.png"; img1off = new Image(); img1off.src = " http://forumupload.ru/uploads/000c/c3/c1/77-3.png"; } function imgOn(imgName) { if (document.images) { document[imgName].src = eval(imgName + "on.src"); }}//osw function imgOff(imgName) { if (document.images) { document[imgName].src = eval(imgName + "off.src"); }} </script> <a href=" http://bollywoodlife.rolevaya.ru/profile.php?id=45" onmouseover="imgOn('img1')"; onmouseout="imgOff('img1')" > <img src=" http://forumupload.ru/uploads/000c/c3/c1/76-3.png" border="0" name=img1></a></center> </div></td> <td width="256"><div style="margin:0px 0px 10px 60px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 140px; height: 120px;">В истории любого общества, был золотой век ... Счастливое время, когда люди жили в мире и достатке. Когда правители были справедливы, когда все смертные искренне следовали божественным заповедям ... Здесь, в Индии это прекрасная утопия обрела необычайную стойкость и силу. С тех времен и до наших дней. Но что стоит за мечтами? Мы отправляемся в путешествие по загадочной стране. Реальной и сказочной.... Индии!<br></br><br><fontsize="16"> В разделе <b><a href="http://bollywoodlife.rolevaya.ru/viewtopic.php?id=3#p5">"Правила форума"</a></b> Вы сможете найти массу полезной информации, а свои вопросы Вы можете задать <b><a href="http://bollywoodlife.rolevaya.ru/viewtopic.php?id=31#p36">в специальной теме.</a></b> На форуме есть облако тегов, которое позволит вам с легкостью переходить к наиболее важным темам.</font></br> <br>Внимание для того чтобы оставить рекламу набираем <br> <b>ник: Реклама</b><br><b>пароль: 9999</b><br><br><br><br> </div></td> <td width="267"><div style="margin:0px 0px 10px 50px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 140px; height: 120px;"><center><script language="JavaScript"> if (document.images) { img1on = new Image(); img1on.src =" http://forumupload.ru/uploads/000c/c3/c1/78-3.png"; img1off = new Image(); img1off.src = " http://forumupload.ru/uploads/000c/c3/c1/78-4.png"; } function imgOn(imgName) { if (document.images) { document[imgName].src = eval(imgName + "on.src"); }}//osw function imgOff(imgName) { if (document.images) { document[imgName].src = eval(imgName + "off.src"); }} </script> <a href=" http://bollywoodlife.rolevaya.ru/profile.php?id=50" onmouseover="imgOn('img1')"; onmouseout="imgOff('img1')" > <img src=" http://forumupload.ru/uploads/000c/c3/c1/78-3.png" border="0" name=img1></a></center><br> <center><script language="JavaScript"> if (document.images) { img1on = new Image(); img1on.src =" http://forumupload.ru/uploads/000c/c3/c1/78-1.png"; img1off = new Image(); img1off.src = " http://forumupload.ru/uploads/000c/c3/c1/78-2.png"; } function imgOn(imgName) { if (document.images) { document[imgName].src = eval(imgName + "on.src"); }}//osw function imgOff(imgName) { if (document.images) { document[imgName].src = eval(imgName + "off.src"); }} </script> <a href=" http://bollywoodlife.rolevaya.ru/profile.php?id=39" onmouseover="imgOn('img1')"; onmouseout="imgOff('img1')" > <img src=" http://forumupload.ru/uploads/000c/c3/c1/78-1.png" border="0" name=img1></a> </center><br> <center><script language="JavaScript"> if (document.images) { img1on = new Image(); img1on.src =" http://forumupload.ru/uploads/000c/c3/c1/76-5.png"; img1off = new Image(); img1off.src = " http://forumupload.ru/uploads/000c/c3/c1/77-5.png"; } function imgOn(imgName) { if (document.images) { document[imgName].src = eval(imgName + "on.src"); }}//osw function imgOff(imgName) { if (document.images) { document[imgName].src = eval(imgName + "off.src"); }} </script> <a href=" http://bollywoodlife.rolevaya.ru/profile.php?id=17" onmouseover="imgOn('img1')"; onmouseout="imgOff('img1')" > <img src=" http://forumupload.ru/uploads/000c/c3/c1/76-5.png" border="0" name=img1></a> </center> </div></td> </tr> </table> <table width="814" border="0" bgcolor="#dfccae"> <tr> <td width="281" align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://forumupload.ru/uploads/000c/c3/c1/79-3.png"> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"><div id="yoblako" align="center"><noindex> <a style="font-size:8pt;" href="http://bollywoodlife.rolevaya.ru/viewtopic.php?id=178#p1350" rel="nofollow" class="eTag eTagGr8"> Список персонажей и занятых внешностей </a> <a style="font-size:8pt;" href="http://bollywoodlife.rolevaya.ru/viewtopic.php?id=31#p36" rel="nofollow" class="eTag eTagGr8"> Вопросы к администрации </a> <a style="font-size:8pt;" href="http://bollywoodlife.rolevaya.ru/viewforum.php?id=72" rel="nofollow" class="eTag eTagGr8"> Акции и конкурсы </a> <a style="font-size:8pt;" href="http://bollywoodlife.rolevaya.ru/viewforum.php?id=69" rel="nofollow" class="eTag eTagGr8"> Регистрационное агентство CINTAA </a> <a style="font-size:8pt;" href="http://bollywoodlife.rolevaya.ru/viewtopic.php?id=3#p5" rel="nofollow" class="eTag eTagGr8"> Правила</a> <a style="font-size:8pt;" href="http://bollywoodlife.rolevaya.ru/viewforum.php?id=5" rel="nofollow" class="eTag eTagGr8"> Анкеты выдуманных персонажей </a> <a style="font-size:8pt;" href="http://bollywoodlife.rolevaya.ru/viewtopic.php?id=100#p155" rel="nofollow" class="eTag eTagGr8"> Наша жизнь в ролевой </a> <a style="font-size:8pt;" href="http://bollywoodlife.rolevaya.ru/viewtopic.php?id=163#p862" rel="nofollow" class="eTag eTagGr8"> Требуется сюжет </a> <a style="font-size:8pt;" href="href="http://bollywoodlife.rolevaya.ru/viewforum.php?id=4" rel="nofollow" class="eTag eTagGr8"> Анкеты реальных персонажей </a> <a style="font-size:8pt;" href="http://bollywoodlife.rolevaya.ru/viewforum.php?id=33" rel="nofollow" class="eTag eTagGr8"> Реклама </a> </noindex></div></DIV></DIV> </div></td> <td width="258" align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://forumupload.ru/uploads/000c/c3/c1/79-5.png"> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"><center><img src="http://forumupload.ru/uploads/000c/c3/c1/90-1.png" /></center> <center><b>День.</b> Ясное небо. Яркое солнце, ветер юго-западный. На термометре <b>+24…+32°C</b><br></center></DIV></DIV> </div></td> <td width="265" align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://forumupload.ru/uploads/000c/c3/c1/79-4.png"> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"><center><a href='http://wizardtop.ru/in.php?id=91' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/18.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a><a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=9187' target='_blank'><img src="http://palantir.in/count.php?id=9187&cid=palantir2006.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></a></center><center><a href="http://forroll.forum24.ru/" target=_blank><img src="http://i259.photobucket.com/albums/hh299/koriri/Fora_banner_4.gif" border="0" width="88" height="31" alt="ФРИ Форум Форролл. Форумные Ролевые Игры."></a></b></p><a href="http://top.roleplay.ru/9417" target="top_"> <img src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов" border="0" width="88" height="31"></a></center> <center><!-- begin of Top100 code --> <script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?2305760"></script> <noscript> <a href="http://top100.rambler.ru/navi/2305760/"> <img src="http://counter.rambler.ru/top100.cnt?2305760" alt="Rambler's Top100" border="0" /> </a></noscript> <!-- end of Top100 code --></center><center><b>Не забываем кликать по баннерам,</b><br><b>повышаем нам рейтинг.</b></center><center><a href="http://vkontakte.ru/club15300453" target="_blank" title="Мы в контакте."><img src="http://s56.radikal.ru/i154/1006/21/dc91d92076b8.gif" /></a></center> <center><a href="http://www.facebook.com/group.php?gid=148520528498601&v=info" target="_blank" title="Мы на Facebook."><img src="http://s43.radikal.ru/i101/1008/d6/0b718b8d81c9.gif" /></a><a href="http://my.mail.ru/community/bollywoodrolevay/" target="_blank" title="Мы на Mail.ru."><img src="http://s52.radikal.ru/i136/1008/45/e4f7b0a1003a.gif" /></a><a href="http://twitter.com/SashaSarran" target="_blank" title="Связь с нами через Twitte"><img src="http://s53.radikal.ru/i139/1008/24/3c28256ab2bc.gif" /></a></center><hr> <center><a href="http://bollywoodlife.rolevaya.ru/" target="_blank" title="Индия - страна мечты."><img src="http://i37.tinypic.com/9qg3tg.gif" /></a><a href="http://roles.borda.ru" target=_blank><img src="http://katalogue.org/zenitchik/image/roles_d.gif" width=88 height=31 alt="Каталог ролевых, оценка дизайна, помощь в создании дизайна" border=0></a><A href="http://skieschildren.rusff.ru/"><IMG src="http://xmages.net/storage/10/1/0/5/f/upload/b3551dbf.gif" alt="null" width="88" height="31"></A></center></DIV></DIV> </div></td> </tr> </table></center><br></br><br></br> <center><img src=" http://forumupload.ru/uploads/000c/c3/c1/99-1-f.png"></center> <center><img src=" http://forumupload.ru/uploads/000c/c3/c1/99-2-f.png"></center> <center><img src=" http://pics.qip.ru/202JbRh.gif"></center> <center><a href="http://bollywoodlife.rolevaya.ru/viewtopic.php?id=374#p8475"><img src="http://forumupload.ru/uploads/000c/c3/c1/98-3.png"></a></center><br></br>
Поделиться572Чт, 27 Янв 2011 16:34:00
Алоха.
Где в коде прописать размер шрифта, чтобы увеличить шрифт в выплывающих окнах (отмечено красным)?
Код:
<center><!--=== Табличка =========-->
<style type="text/css">
#tableMy {
background:url(http://s010.radikal.ru/i312/1101/c5/297a4240c04a.jpg) no-repeat center right;
}#menu {
margin-top:-90px;
position:absolute;
padding-left: 12px;
text-align: left;
}#menu a {
text-shadow: #FAFAD8 -2px -2px 1px,#94A4B0 2px 2px 2px;
display:block;
padding: 0;
height:40px;
margin: 10px 0;
text-decoration: none;
}
#menu a.tabactive{
color:#31A2B7;
font-weight:bold;
}#submenu {
height: 200px;
text-align: center;
font-size: 12px;
width: 700px;
}.submenutext {
display: none;
height: 60px;
}#MenuTxT {
padding: 5px; background:url() no-repeat center;
text-shadow: #755a57 2px 2px 12px,#9C816C -2px -2px 12px,#94A4B0 1px 1px 2px;
}#submenu A {
color: #CCC;
}
#menu .tabactive {
color: 65065f;
}
</style>
<!-- Cкрипт для всей Таблички --><table id=tableMy style="width: 100%; /*border:2px #000 solid!important;*/">
<tbody>
<tr>
<td style="width:40%;">
<div id="menu">
<a alt=#sm1 "style="cursor: pointer;"><span style="font-size:72px;font-family:'Kunstler Script';">About</span></a>
<a alt=#sm2 "style="cursor: pointer;"><span style="font-size:72px;font-family:'Kunstler Script';">Navigation</span></a>
<a alt=#sm3 "style="cursor: pointer;"><span style="font-size:72px;font-family:'Kunstler Script';">News</span></a>
</div>
</td><td style="width:60%;" id="MenuTxT" align="center" valign="center">
<div id="submenu" align="center"> <i>
<div id="sm1" class="submenutext" style="display:block;"><br/><br/><!-- Тут контент 1-го Блока -->
Добро пожаловать<br>
</div><div id="sm2" class="submenutext"><br/><br/>
<!-- Тут контент 2-го Блока -->
Рекламим гостем
</div><div id="sm3" class="submenutext"><br/><br/>
<!-- Тут контент 3-го Блока -->
Тут контент 3-го Блока
</div></i>
</div>
</td>
</tr>
</tbody>
</table>
<script type="text/javascript">$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs a:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();$("div.#menu a").click(function() {
$("div.#menu a").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false;
});
});
</script>
</center><!--===/End Табличка =========-->
Поделиться573Чт, 27 Янв 2011 16:34:03
потому что она стала больше установленной ширины форума Поправил смещение и пару тегов
Спасибо большое.
Одновременно ставите кучу тегов <center> </center> ???
Я честно говоря. Никогда не задумывалась на эту тему. Мне казалось, так лучше выравнивается по центру. А это вредит самому дизайну да?
Поделиться574Чт, 27 Янв 2011 16:42:10
Я честно говоря. Никогда не задумывалась на эту тему. Мне казалось, так лучше выравнивается по центру. А это вредит самому дизайну да?
Это вредит тому, что куча лишних и одинаковых тегов ( к тому же не нужных) в процессе редактирования забывается какой тег к какой строке.. Два тега было незакрыто
Отредактировано Deff (Чт, 27 Янв 2011 16:42:49)
Поделиться575Чт, 27 Янв 2011 16:44:08
Deff
И еще, по этому же коду вопрос. Как цвет ссылок в ячейке поменять? Сейчас они серые... Плохо видать.
Поделиться576Чт, 27 Янв 2011 16:56:02
И еще, по этому же коду вопрос. Как цвет ссылок в ячейке поменять? Сейчас они серые... Плохо видать.
Добавть к сss коду красное (*- цвет установите какой нужно
.submenutext {
font-size:16px;
display: none;
height: 60px;
}
.submenutext a{
color:red
}
.submenutext a:hover{
color:blue
}
Отредактировано Deff (Чт, 27 Янв 2011 16:58:48)
Поделиться577Чт, 27 Янв 2011 16:57:05
Deff
Спасибо, а про размер? пост 572
Поделиться578Чт, 27 Янв 2011 17:02:02
Спасибо, а про размер? пост 572
добавил
хотя проще и удобнее - индивидуально на кусок текста ставить такой тег
<span style="color:red;font-size:16px;"> Тут Ваш текст </span>
Зеленым Ваши установки для этого куска текста
Поделиться579Чт, 27 Янв 2011 17:08:17
мм как сделать чтобы вот тут у вас к примеру есть уважение
а у мну спасибо
если кто то поставил пользователю то чтобы под постом в строчку было написано кто....
так можно или сложно
rps ты про скрипт что то говорил
Отредактировано KOROLЬ (Чт, 27 Янв 2011 17:09:16)
Поделиться580Чт, 27 Янв 2011 17:12:52
KOROLЬ Ти бы зашел в Машину времени и погасил свою заявку - админ не будет тыкать твои сообщения - откатит и всё