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

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

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


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


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

Сообщений 921 страница 940 из 1000

921

добрый день
а как сделать вот такую боковую таблицу?
http://savepic.net/1406517.jpg

0

922

попутный ветер написал(а):

а как сделать вот такую боковую таблицу?

Cледите за этой темой > Боковая панель - установка, вопросы, проблемы

0

923

Здравствуйте,подскажите пожалуйста скрипт для замены слов: Удалить, Редактировать, Цитировать, Жалоба.
Своими изображениями.

И ещё.вопрос.я заменила надписи форум,участники,профиль и т.д. своими картинками. но почему когда я выхожу с форума и вылазиет надпись "регистрация" она не картинкой, а обычным шрифтом,хотя я в коде все поставила.

0

924

Здрасти, искал ковырялся ставил разные коды но все равно не добивался нужного

как поставить такой дизаин. http://khrnext.rolka.su/
Точнее я знаю, но у меня не выходит..== чтото не то
хочу чтобы фон и шапка едины были, а еще внизу чтобы можно было также как и на форуме сделать картинку вставить
это ссыль на мой
http://khrainbow.mybb.ru/

заранее спасибо

0

925

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

McSery Скриншот - со стрелкой -чо убирать и ссылку на фор

Убрать эту панель
http://s005.radikal.ru/i211/1108/98/27e92edacc70t.jpg
и поменять эти слова на картинку
http://s54.radikal.ru/i146/1108/c8/627bc4481158t.jpg
Форум: http://ABATAP-KOPPA.ru

Отредактировано McSery (Пн, 1 Авг 2011 16:14:20)

0

926

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

Здравствуйте,подскажите пожалуйста скрипт для замены слов: Удалить, Редактировать, Цитировать, Жалоба.Своими изображениями.

Замена слов Новая тема;Новый опрос;Ответить;Профиль;ЛС; и тд ...Редактировать Цитировать своими картинками, со сменой картинки при наведении курсора

Ставим в  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

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

И ещё.вопрос.я заменила надписи форум,участники,профиль и т.д. своими картинками. но почему когда я выхожу с форума и вылазиет надпись "регистрация" она не картинкой, а обычным шрифтом,хотя я в коде все поставила.

Ссылку на форум и пиар ник ( скройте под 100 сообщений

Отредактировано Deff (Вс, 28 Апр 2013 06:22:21)

0

927

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

Убрать эту панель

в HTML верх:

<style>
#pun-navlinks {
border:none transparent 0;
background:none transparent;
height:0;
margin:0;
}
</style>

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

и поменять эти слова на карт

Ccылку на тему

0

928

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

Здрасти, искал ковырялся ставил разные коды но все равно не добивался нужного
            как поставить такой дизаин. 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;
}

0

929

Deff
спасибо)))
http://nyla.rusff.ru/-форум

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

пиар ник ( скройте под 100 сообщений

извините,не поняла

0

930

salamandra Чтобы увидеть надпись про регистрацию - нун быть пользователем - регацо для помощи на каждом втором сайте нет желания - создайте тестовый ник - выложите ник пароль -скройте под сотню сообщений

кнопка >  http://forum.mybb.ru/i/lock.png

0

931

Deff

Отредактировано salamandra (Пн, 1 Авг 2011 16:57:26)

0

932

аха..понял тогда, спасиб

еще  один вопрос... понаделал тут всякой бредятины и получил это - 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)

0

933

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

как можно сделать чтобы когда мышкой наводишь на конопочку ан форуме, то из бесцветной она вдруг вспыхивает

Типовые Вопросы п.п.20

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

как можно сделать чтобы когда мышкой наводишь на конопочку ан форуме, то из бесцветной она вдруг вспыхивает

Типовые Вопросы п.п.20
вона токо шо сделал обувание Фора в рамку - сделайте верхнюю и нижнюю с полукругами по краям

http://forum.mybb.ru/viewtopic.php?id=27705#p695427

Отредактировано Deff (Пн, 1 Авг 2011 17:07:02)

0

934

спасибо, щас попробуем)

0

935

salamandra
Адрес форума где? Куда входить с этими данными?

0

936

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

Ccылку на тему

На какую тему?
Может на форум? http://abatap-koppa.ru/viewforum.php?id=161

0

937

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)

0

938

rps
http://nyla.rusff.ru/
вот форум

0

939

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>

0

940

Deff
спасибо))))

0


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