добрый день
а как сделать вот такую боковую таблицу?
http://savepic.net/1406517.jpg
Общие вопросы по оформлению (34)
Сообщений 921 страница 940 из 1000
Поделиться921Пн, 1 Авг 2011 13:19:00
Поделиться922Пн, 1 Авг 2011 14:03:34
а как сделать вот такую боковую таблицу?
Cледите за этой темой > Боковая панель - установка, вопросы, проблемы
Поделиться923Пн, 1 Авг 2011 15:00:04
Здравствуйте,подскажите пожалуйста скрипт для замены слов: Удалить, Редактировать, Цитировать, Жалоба.
Своими изображениями.
И ещё.вопрос.я заменила надписи форум,участники,профиль и т.д. своими картинками. но почему когда я выхожу с форума и вылазиет надпись "регистрация" она не картинкой, а обычным шрифтом,хотя я в коде все поставила.
Поделиться924Пн, 1 Авг 2011 16:00:20
Здрасти, искал ковырялся ставил разные коды но все равно не добивался нужного
как поставить такой дизаин. http://khrnext.rolka.su/
Точнее я знаю, но у меня не выходит..== чтото не то
хочу чтобы фон и шапка едины были, а еще внизу чтобы можно было также как и на форуме сделать картинку вставить
это ссыль на мой
http://khrainbow.mybb.ru/
заранее спасибо
Поделиться925Пн, 1 Авг 2011 16:13:58
McSery Скриншот - со стрелкой -чо убирать и ссылку на фор
Убрать эту панель
и поменять эти слова на картинку
Форум: http://ABATAP-KOPPA.ru
Отредактировано McSery (Пн, 1 Авг 2011 16:14:20)
Поделиться926Пн, 1 Авг 2011 16:17:02
Здравствуйте,подскажите пожалуйста скрипт для замены слов: Удалить, Редактировать, Цитировать, Жалоба.Своими изображениями.
Замена слов Новая тема;Новый опрос;Ответить;Профиль;ЛС; и тд ...Редактировать Цитировать своими картинками, со сменой картинки при наведении курсора
Ставим в HTML низ
<script><!--Свои картинки вместо:Новая тема;Новый опрос;Ответить;Профиль;ЛС;и т.д. -->
pstlnk=new Array(".postlink","Новая тема",
"Ссылка на картинку","Ссылка на картинку при наведении",".postlink","Новый опрос",
"Ссылка на картинку","Ссылка на картинку при наведении",".postlink","Ответить",
"Ссылка на картинку","Ссылка на картинку при наведении",".pl-email","Профиль",
"Ссылка на картинку","Ссылка на картинку при наведении",".pl-email","ЛС",
"Ссылка на картинку","Ссылка на картинку при наведении",".pl-email","E-mail",
"Ссылка на картинку","Ссылка на картинку при наведении",".pl-website","Вебсайт",
"Ссылка на картинку","Ссылка на картинку при наведении",".pl-delete","Удалить",
"Ссылка на картинку","Ссылка на картинку при наведении",".pl-edit","Редактировать",
"Ссылка на картинку","Ссылка на картинку при наведении",".pl-quote","Цитировать",
"Ссылка на картинку","Ссылка на картинку при наведении" // !ПОСЛЕДНИЙ элемент без запятой
)
function find_and_replace(value){var s0,s1,s2,s3,i; for (i=0; i < pstlnk.length; i=i+4){s0=pstlnk[i+2];
s1="onmouseover=\"this.src='"+pstlnk[i+3]+"'\"";s2="onmouseout=\"this.src='"+s0+"'\"";
s3='<img class="pst_lnk" src="'+s0+'" '+s1+' '+s2+' border="0" />';
var str=$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html();
if (str!=null) {str=str.replace(pstlnk[i+1],"<span style='display:none'>"+pstlnk[i+1]+"</span>"+s3);
$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html(str);};};}
$("#pun-viewforum .linkst,#pun-viewforum .linksb,#pun-viewtopic .linkst,#pun-viewtopic .linksb,#pun-viewtopic .post .post-links").each(function(){find_and_replace(this);;});
</script>Вместо красного - Подставляем свою ссылку на картинку
Если под какие пункты картинками не нужны, - убираем это двухстрочье...Но -Помним, что последний элемент в списке без запятой(такой казус может возникнуть если убираем "Цитировать"
!!!Внимание - если вы не хотите, чтобы окружающее изображение дергалось и смещалось до наведения и после: Оба изображения в паре(до наведения и после) должны иметь одинаковый внешний размер!
Кому-то, возможно, захочется скорректировать по высоте размещения кнопок "Новая тема","Новый опрос","Ответить",
В НТML верх тогда ставим такой код:<style> /*корректируем кнопку "ответить;Нов.тема; Нов.опрос*/
.linkst .postlink{
margin-top:25px;
}
.linksb .postlink{
margin-top: -40px;
}
</style>(*Значения красным - регулируем
Поскольку замечена проблема с установкой Своих картинок для Пожаловаться и Поделиться(для форумов ork) - выход был найден с помощью css (устанавливаем в HTML верх либо без тегов <style> во второе Окно Стиля
<style>
.pl-warning *,.pl-share *{
color:transparent!important;
}
.pl-warning{
height:31px; /*высота картинки*/
width:100px; /*ширина картинки*/
padding-left:32px!important; /*Отступ слева*/
background:url(Адрес картинки для Пожаловаться) no-repeat bottom right;
}
.pl-warning:hover{
background:url(Адрес картинки для Пожаловаться при наведении) no-repeat bottom right;
}
.pl-share {
height:31px; /*высота картинки*/
width:52px; /*ширина картинки*/
padding-left:16px!important; /*Отступ слева*/
background:url(Адрес картинки для Поделиться) no-repeat bottom right;
}
.pl-share:hover{
background:url(Адрес картинки для Поделиться при наведении) no-repeat bottom right;
}
</style>Теги: замена слов, замена картинками, изменение при наведении, скрипты, deff
И ещё.вопрос.я заменила надписи форум,участники,профиль и т.д. своими картинками. но почему когда я выхожу с форума и вылазиет надпись "регистрация" она не картинкой, а обычным шрифтом,хотя я в коде все поставила.
Ссылку на форум и пиар ник ( скройте под 100 сообщений
Отредактировано Deff (Вс, 28 Апр 2013 06:22:21)
Поделиться927Пн, 1 Авг 2011 16:24:04
Убрать эту панель
в HTML верх:
<style>
#pun-navlinks {
border:none transparent 0;
background:none transparent;
height:0;
margin:0;
}
</style>
и поменять эти слова на карт
Ccылку на тему
Поделиться928Пн, 1 Авг 2011 16:31:59
Здрасти, искал ковырялся ставил разные коды но все равно не добивался нужного
как поставить такой дизаин. http://khrnext.rolka.su/
ни наю - низ разделите картинкой полоской типо в Начало HTML низ
<img src="http://s2.itrash.ru/idb/1798/o1_banners_910.png" style="width:904px;margin:0 3px 0 -3px;"/>
Шапку и фон - объединяют просто - шапка нарисована на фоне
Делают нулевую высоту #pun-title table и форумом отступают от верха
#pun {
margin-top:600px!important;
}
Поделиться929Пн, 1 Авг 2011 16:46:11
Deff
спасибо)))
http://nyla.rusff.ru/-форум
пиар ник ( скройте под 100 сообщений
извините,не поняла
Поделиться930Пн, 1 Авг 2011 16:50:30
salamandra Чтобы увидеть надпись про регистрацию - нун быть пользователем - регацо для помощи на каждом втором сайте нет желания - создайте тестовый ник - выложите ник пароль -скройте под сотню сообщений
кнопка >
Поделиться931Пн, 1 Авг 2011 16:56:06
Deff
Отредактировано salamandra (Пн, 1 Авг 2011 16:57:26)
Поделиться932Пн, 1 Авг 2011 16:56:18
аха..понял тогда, спасиб
еще один вопрос... понаделал тут всякой бредятины и получил это - http://proba111.mybb.ru/
используя вот это
хтмл вверх
<HEAD> <TITLE>Форум</TITLE> <STYLE type=text/css> BODY{margin:19px; background:url(); background-color:#F2DBBE} td{font-family:Verdana;} .font1{font-size:12px;} .font2{font-size:11px;font-weight:400;} .font3{font-size:11px;font-weight:700;} .font4{font-size:15px;} .font5{font-size:11px;font-weight:700;COLOR:#000000;} .font6{font-size:11px;font-weight:700;} a:link{color:#4F352C;text-decoration:none;} a:visited{color:#4F352C;text-decoration:none;} a:hover{color: #dd6900;text-decoration:underline;} tr.font3 {HEIGHT: 28px;BACKGROUND-IMAGE: url(http://disainov.ucoz.net/grafics/dogg/88_02.jpg);} tr.font5 {HEIGHT: 30px;BACKGROUND-IMAGE: url(http://disainov.ucoz.net/grafics/dogg/88_02.jpg);FONT-WEIGHT:700;} tr.font6 {HEIGHT: 28px;BACKGROUND-IMAGE: url();} input, select, textarea {font:10px Verdana; } textarea {height:280;width:100%;} </STYLE> </HEAD> <BODY bgColor=#F2DBBE> <table width="980" height="266" align="center" border="0" cellpadding="0" cellspacing="0"> <td valign="top" width="501" height="266" style="background: url('http://i066.radikal.ru/1107/65/133db4bb4551.png') no-repeat"><center> <table align=right width="5" height="0"> <tr><td> <td width="180"></td></td> </tr> </table> <td valign="top" width="479" height="266" style="background: url('http://s53.radikal.ru/i140/1107/17/31eedaafacb0.png') no-repeat"><br><center> <table align> <tr><td><font size=1><center> <b>ПРИВЕТСТВУЕМ ВАС!! </center> </font> <td width="110"></td></td> </tr> </table> </tr> </table></table> <table width="87%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="0"> </td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="39" align="left" background=""><img src="http://disainov.ucoz.net/grafics/dogg/33_06.jpg" width="61" height="39"></td> <td background="http://disainov.ucoz.net/grafics/dogg/33_08.jpg"> </td> <td width="39" align="right" background=""><img src="http://disainov.ucoz.net/grafics/dogg/33_10.jpg" width="59" height="39"></td> </tr> <tr> <td background="http://disainov.ucoz.net/grafics/dogg/dogg_09.jpg"> </td> <td bgcolor="#F7EBDD"> <TABLE cellSpacing=0 cellPadding=0 width=100% height=100% border=0> <TR><TD valign=top>
хтмл низ
</TD></TR></TABLE> </td> <td background="http://disainov.ucoz.net/grafics/dogg/e33_12.jpg"></td> </tr> </table></td> </tr> <tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" background="http://disainov.ucoz.net/grafics/dogg/dogg_16.jpg"><img src="http://s54.radikal.ru/i145/1107/fb/2d5a299f669f.jpg" width="213" height="138" border="0"></a></td> <td align="right" background="http://disainov.ucoz.net/grafics/dogg/dogg_16.jpg"><img src="http://s44.radikal.ru/i106/1107/d8/6a605dc4c29d.jpg" width="188" height="138"></td> </tr> </table></td> </tr> </table> </BODY>
взял все это с кодировки Юкоз форумов сам не понял где и что и как
можно ли это както под мубб css переначить
а если нет, тогда последний вопрос
как можно сделать чтобы когда мышкой наводишь на конопочку ан форуме, то из бесцветной она вдруг вспыхивает
Отредактировано Ta_chan (Пн, 1 Авг 2011 16:57:06)
Поделиться933Пн, 1 Авг 2011 17:04:19
как можно сделать чтобы когда мышкой наводишь на конопочку ан форуме, то из бесцветной она вдруг вспыхивает
Типовые Вопросы п.п.20
как можно сделать чтобы когда мышкой наводишь на конопочку ан форуме, то из бесцветной она вдруг вспыхивает
Типовые Вопросы п.п.20
вона токо шо сделал обувание Фора в рамку - сделайте верхнюю и нижнюю с полукругами по краям
http://forum.mybb.ru/viewtopic.php?id=27705#p695427
Отредактировано Deff (Пн, 1 Авг 2011 17:07:02)
Поделиться934Пн, 1 Авг 2011 17:12:52
спасибо, щас попробуем)
Поделиться935Пн, 1 Авг 2011 19:07:35
salamandra
Адрес форума где? Куда входить с этими данными?
Поделиться936Пн, 1 Авг 2011 19:39:09
Ccылку на тему
На какую тему?
Может на форум? http://abatap-koppa.ru/viewforum.php?id=161
Поделиться937Пн, 1 Авг 2011 20:17:07
McSery
<script type="text/javascript"> var tcl; var i; var j; var array = new Array(); array[0] = new Array("Название форума", "Ссылка на изображение"); array[1] = new Array("Название форума", "Ссылка на изображение"); array[2] = new Array("Название форума", "Ссылка на изображение"); tcl = document.links; for (i in tcl) { for (j in array) { if (tcl[i].innerHTML == array[j][0]) tcl[i].innerHTML = "<img src='" + array[j][1] + "' alt='" + array[j][0] + "' />"; } } </script>
В ХТМЛ-низ.
Отредактировано rps (Пн, 1 Авг 2011 20:17:27)
Поделиться938Пн, 1 Авг 2011 20:20:12
rps
http://nyla.rusff.ru/
вот форум
Поделиться939Пн, 1 Авг 2011 21:12:54
salamandra Замените Весь HTML низ
<script type="text/javascript"> var trr=document.getElementsByTagName("div") var fi=0 for (fi=0; fi<=(trr.length-1);fi++) {if (trr[fi].className=="post-links") {var drr=trr[fi].getElementsByTagName("a") drr[0].innerHTML="<img src='http://www.10pix.ru/img1/7978/5173240.png'/>" drr[1].innerHTML="<img src='http://www.10pix.ru/img1/2488/5173241.png' />" var er=2 for (er=2; er<=(drr.length-1); er++) {if (drr[er].innerHTML.indexOf("E-mail")!=-1) {drr[er].innerHTML="<img src='http://www.10pix.ru/img1/26640/5173242.png' />"} }}} </script> <script type="text/javascript"> function to(username) {insert('[b]' + username + '[/b]' + ', ');} </script> <!--Spoiler v.2.3--> <script type="text/javascript"> function tag_spolier() {var FoundErrors = ''; var enterTITLE = prompt("Введите описание скрытого текста", 'Спойлер'); bbcode('[spoiler]',('|'+enterTITLE+'[/spoiler]'));} $(function(){ $("div.quote-box > cite > input.spoiler-button").click(function(){ $(this).parents("div.quote-box").find("blockquote.quote-box").toggle("normal"); var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a); }); }); $('td#button-code').before('<td style=\'background-image:url("http://img706.imageshack.us/img706/1943/spoiler.gif")\' onclick="tag_spolier()"><img src="/i/blank.gif" alt="Спойлер"></td>'); $("div.post-content").map(function () { text = $(this).html(); if(text.indexOf("[/spoiler]" ) != -1) { spoilerr = /\[spoiler\]([^`]*?)\|(.*?)\[\/spoiler\]/gi $(this).html(text.replace(spoilerr, "<div class='quote-box' style='padding:1px;background: none;border: 0;'><cite style='width:100%;margin:0;'><input id='close' class='spoiler-button' style='width:140px;font-size:10px; margin:0; cursor: pointer; font-weight:bold' type='button' value='$2'></cite><blockquote class='quote-box' style='display:none; width:100%;border: 1px solid black;margin:0;'>$1</blockquote></div>")) } }); </script> <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> <script> <!-- regof="<img src='http://www.10pix.ru/img1/139811/5178199.png' />" str = document.getElementById("navregister").innerHTML pos = str.indexOf("Регистрация") document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1) --> </script> <script> <!-- vxodiof="<img src='http://www.10pix.ru/img1/1271/5177898.png' />" str = document.getElementById("navlogin").innerHTML pos = str.indexOf("Войти") document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- valiof="<img src='http://www.10pix.ru/img1/318698/5177900.png' />" str = document.getElementById("navlogout").innerHTML pos = str.indexOf("Выход") document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- indexof="<img src='http://www.10pix.ru/img1/3821/5177780.png' />" str = document.getElementById("navindex").innerHTML pos = str.indexOf("Форум") document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- userof="<img src='http://www.10pix.ru/img1/4125/5177795.png' />" str = document.getElementById("navuserlist").innerHTML if( (pos=str.indexOf("Участники")) != -1 ) document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- findof="<img src='http://www.10pix.ru/img1/4781/5177845.png' />" str = document.getElementById("navsearch").innerHTML pos = str.indexOf("Поиск") document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- faseof="<img src='http://www.10pix.ru/img1/1578/5177908.png' />" str = document.getElementById("navprofile").innerHTML pos = str.indexOf("Профиль") document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1) --> </script> <script> <!-- pismaof="<img src='http://www.10pix.ru/img1/1235/5177891.png' />" str = document.getElementById("navpm").innerHTML pos = str.indexOf("Сообщения") document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- godof="<img src='http://www.10pix.ru/img1/282469/5177892.png' />" str = document.getElementById("navadmin").innerHTML pos = str.indexOf("Администрирование") document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1) --> </script> <script type="text/javascript"> var we=document.getElementsByTagName("ul") 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))+"<img src='http://www.10pix.ru/img1/4350/5178136.png' />"} else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1)) {we[x].innerHTML=we[x].innerHTML+"<img src='http://www.10pix.ru/img1/9399/5178182.png' />"} } </script> <div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><center><img src="http://www.10pix.ru/img1/71710/5180154.png" /></center></div><div id="spoiler4" style="display: none"> <center>Наш: </center> </div></div>
Поделиться940Пн, 1 Авг 2011 21:23:45
Deff
спасибо))))