Когда в HTML низ добавляю скрипты счетчиков, баннеров и т.д. то они располагаются не горизонтально в ряд, как хотелось бы, а вертикально. Как сделать что бы было как хочется, а не как есть?
HTML низ - проблемка со скриптами
Сообщений 1 страница 8 из 8
Поделиться2Сб, 27 Сен 2014 17:17:34
Ссылку на форум?
Поделиться4Сб, 27 Сен 2014 18:16:18
Когда в HTML низ добавляю скрипты счетчиков, баннеров и т.д. то они располагаются не горизонтально в ряд, как хотелось бы, а вертикально. Как сделать что бы было как хочется, а не как есть?
В случае с формой можете добавить в НТМЛ верх:
<style type="text/css"> #html-footer #liveresponder_subscribe { display: inline; } </style>
А, вообще, если знаете идентификатор вставляемого элемента (класс или ИД), то можно прописать для него вышеуказанный код, добавлять можно через запятую, как пример:
<style type="text/css">
#Первый идентификатор, .Второй идентификатор {
display: inline;
}
</style>
Где:
. - это класс элемента
# - это ИД элемента
Отредактировано kolobdur74 (Сб, 27 Сен 2014 18:17:02)
Поделиться5Сб, 27 Сен 2014 21:50:42
Вставил код в НТМЛ верх - ничего не изменилось. Я в скриптах не силен, посмотрите может я не так их вставляю.
Это НТМЛ низ полностю:
<script>
function liveresponder_check_form(lr_form){
var name = lr_form.elements[5].value;
var email = lr_form.elements[6].value;
if(name == "" || email == ""){
alert("Заполните все поля");
return false;
} }
</script>
<div id="liveresponder_subscribe">
<form action="http://liveresponder.ru/subscriber" method="post" target="_blank" id="liveresponder_form" onSubmit="return liveresponder_check_form(this)" accept-charset="utf-8">
<input type="hidden" name="act" value="form_subscriber_add">
<input name="iehack"type="hidden"value="☠">
<input type="hidden" name="user_id" value="13230">
<input type="hidden" name="newsletter_id" value="8834">
<input type="hidden" name="url_succ" value="http://liveresponder.ru/subscribe/add">
<input type="hidden" name="url_error" value="http://liveresponder.ru/subscribe/error">
<table border="0" cellspacing="5" BGCOLOR="#0099FF">
<tr>
<td><FONT COLOR="white">Имя</FONT></td>
<td><input type="text" name="fname" value="" size="20"></td>
</tr>
<tr>
<td><FONT COLOR="white">Email-адрес</FONT></td>
<td><input type="text" name="email" value="" size="20"></td>
</tr>
<tr>
<td></td>
<td align="right"><input type="submit" value="Подписаться"></td>
</tr>
<tr>
<td colspan="2" align="right"><a target="blank" href="http://liveresponder.ru/" style="font-size: 9px;text-decoration: none;"><font color="#CCCCCC">Сервис умных рассылок "LiveResponder.ru"</font></a></td>
</tr>
</table>
</form>
</div>
<script src="/export.php?type=js&max=10" type="text/javascript"></script>
<script type="text/javascript">
var html='';
var ts = '';
var mo = '';
var hh = '';
var mm = '';
var i = 0;
for(i=0;i<content.length;i++) {
ts = new Date();
ts.setTime(1000*content[i][0]);
mo = ts.getMonth()+1;
if (mo<10) mo='0'+mo;
hh = ts.getHours();
mm = ts.getMinutes()+'';
if (mm<10) mm='0'+mm;
ts = ts.getDate()+'.'+mo+' '+hh+':'+mm;
html2="</tr></tbody></table></div>"
html1="<h2>Последние 10 сообщений форума</h2><div class=\"container\"><table cellspacing=\"0\" width=100%><thead><tr><th scope=\"col\">Автор</th><th scope=\"col\">Время</th><th scope=\"col\">Последнее сообщение</th></tr></thead><tbody class=\"hasicon\">"
html+='<tr><td>'+content[i][1]+'</td><td class=\"tc2\">'+ts+'<td class=\"tcr\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a><br /></td></tr>';
}
var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="statscon"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML=""+html1+""+html+""+html2+"<br><h2>Общая статистика</h2>"+name+""
}
i++
}
</script>
<a href="http://webplus.info/index.php?page=47&add_top_url=139928"><img alt="Каталог webplus.info" border=0 src="http://webplus.info/getres.php?infoforurl=139928"></a>
<script type="text/javascript">var pi={width:100,height:150,color:'87E02D'}</script>
<script type="text/javascript" src="http://www.uniq-ip.com/a/base/pi.js"></script>
<a href="http://www.warlog.ru/" target="_blank"><img border="0" src="http://www.warlog.ru/counter/?i=1023" alt="счетчик посещений" title="счетчик посещений" /></a>
<!-- Cтрелочки -Вверх вниз страницы -->
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
<a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://forumstatic.ru/files/0013/ba/88/63218.jpg" alt="Вверх страницы"/>
</a>
<br/>
<br/>
<a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://forumstatic.ru/files/0013/ba/88/17526.jpg" alt="Вниз страницы"/>
</a>
</div><!--Конец Cтрелочки -->
<!-- Start LinkWall code here -->
<script charset="utf-8" src="http://linkwall.ru/links/get/5507/reflink.js"></script>
<noscript><a href="http://linkwall.ru/links/add/5507.html">Купить ссылку</a></noscript>
<!-- End LinkWall code here -->
А это скрин :
Нужно чтобы все было горизонтально в ряд, а не в левом углу кучкой. Можно так сделать?
Поделиться6Сб, 27 Сен 2014 22:15:40
Замените полностью HTML-низ на этот код:
Код:<script> function liveresponder_check_form(lr_form){ var name = lr_form.elements[5].value; var email = lr_form.elements[6].value; if(name == "" || email == ""){ alert("Заполните все поля"); return false; } } </script> <div id="liveresponder_subscribe"> <form action="http://liveresponder.ru/subscriber" method="post" target="_blank" id="liveresponder_form" onSubmit="return liveresponder_check_form(this)" accept-charset="utf-8"> <input type="hidden" name="act" value="form_subscriber_add"> <input name="iehack"type="hidden"value="☠"> <input type="hidden" name="user_id" value="13230"> <input type="hidden" name="newsletter_id" value="8834"> <input type="hidden" name="url_succ" value="http://liveresponder.ru/subscribe/add"> <input type="hidden" name="url_error" value="http://liveresponder.ru/subscribe/error"> <table border="0" cellspacing="5" BGCOLOR="#0099FF"> <tr> <td><FONT COLOR="white">Имя</FONT></td> <td><input type="text" name="fname" value="" size="20"></td> </tr> <tr> <td><FONT COLOR="white">Email-адрес</FONT></td> <td><input type="text" name="email" value="" size="20"></td> </tr> <tr> <td></td> <td align="right"><input type="submit" value="Подписаться"></td> </tr> <tr> <td colspan="2" align="right"><a target="blank" href="http://liveresponder.ru/" style="font-size: 9px;text-decoration: none;"><font color="#CCCCCC">Сервис умных рассылок "LiveResponder.ru"</font></a></td> </tr> </table> </form> </div> <script src="/export.php?type=js&max=10" type="text/javascript"></script> <script type="text/javascript"> var html=''; var ts = ''; var mo = ''; var hh = ''; var mm = ''; var i = 0; for(i=0;i<content.length;i++) { ts = new Date(); ts.setTime(1000*content[i][0]); mo = ts.getMonth()+1; if (mo<10) mo='0'+mo; hh = ts.getHours(); mm = ts.getMinutes()+''; if (mm<10) mm='0'+mm; ts = ts.getDate()+'.'+mo+' '+hh+':'+mm; html2="</tr></tbody></table></div>" html1="<h2>Последние 10 сообщений форума</h2><div class=\"container\"><table cellspacing=\"0\" width=100%><thead><tr><th scope=\"col\">Автор</th><th scope=\"col\">Время</th><th scope=\"col\">Последнее сообщение</th></tr></thead><tbody class=\"hasicon\">" html+='<tr><td>'+content[i][1]+'</td><td class=\"tc2\">'+ts+'<td class=\"tcr\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a><br /></td></tr>'; } var arr=document.getElementsByTagName("div") i=0 str=document.URL while(arr[i] ){ if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="statscon"){ name=arr[i].innerHTML name=name.substring(0) arr[i].innerHTML=""+html1+""+html+""+html2+"<br><h2>Общая статистика</h2>"+name+"" } i++ } </script> <div style="display:inline-block"> <a href="http://webplus.info/index.php?page=47&add_top_url=139928"><img alt="Каталог webplus.info" border=0 src="http://webplus.info/getres.php?infoforurl=139928"></a> <script type="text/javascript">var pi={width:100,height:150,color:'87E02D'}</script> <script type="text/javascript" src="http://www.uniq-ip.com/a/base/pi.js"></script> <a href="http://www.warlog.ru/" target="_blank"><img border="0" src="http://www.warlog.ru/counter/?i=1023" alt="счетчик посещений" title="счетчик посещений" /></a> </div> <!-- Start LinkWall code here --> <script charset="utf-8" src="http://linkwall.ru/links/get/5507/reflink.js"></script> <noscript><a href="http://linkwall.ru/links/add/5507.html">Купить ссылку</a></noscript> <!-- End LinkWall code here --> <!-- Cтрелочки -Вверх вниз страницы --> <div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;"> <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы"> <img src="http://forumstatic.ru/files/0013/ba/88/63218.jpg" alt="Вверх страницы"/> </a> <br/> <br/> <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы"> <img src="http://forumstatic.ru/files/0013/ba/88/17526.jpg" alt="Вниз страницы"/> </a> </div><!--Конец Cтрелочки -->
LinkWall не дает нормально выравнять блоки, поэтому вам придется либо от него отказаться, либо смириться с тем, чтобы он был полосой снизу. Можно конечно обернуть баннеры в таблицу, но, во-первых, в зависимости от дизайна, ячейки таблицы могут выделяться и нарушить вид форума, а во-вторых, неудобное добавление новых баннеров — каждый придется заново прописываться новую ячейку, а если где ошибешься, вся таблица "полетит".
Код:<script> function liveresponder_check_form(lr_form){ var name = lr_form.elements[5].value; var email = lr_form.elements[6].value; if(name == "" || email == ""){ alert("Заполните все поля"); return false; } } </script> <div id="liveresponder_subscribe"> <form action="http://liveresponder.ru/subscriber" method="post" target="_blank" id="liveresponder_form" onSubmit="return liveresponder_check_form(this)" accept-charset="utf-8"> <input type="hidden" name="act" value="form_subscriber_add"> <input name="iehack"type="hidden"value="☠"> <input type="hidden" name="user_id" value="13230"> <input type="hidden" name="newsletter_id" value="8834"> <input type="hidden" name="url_succ" value="http://liveresponder.ru/subscribe/add"> <input type="hidden" name="url_error" value="http://liveresponder.ru/subscribe/error"> <table border="0" cellspacing="5" BGCOLOR="#0099FF"> <tr> <td><FONT COLOR="white">Имя</FONT></td> <td><input type="text" name="fname" value="" size="20"></td> </tr> <tr> <td><FONT COLOR="white">Email-адрес</FONT></td> <td><input type="text" name="email" value="" size="20"></td> </tr> <tr> <td></td> <td align="right"><input type="submit" value="Подписаться"></td> </tr> <tr> <td colspan="2" align="right"><a target="blank" href="http://liveresponder.ru/" style="font-size: 9px;text-decoration: none;"><font color="#CCCCCC">Сервис умных рассылок "LiveResponder.ru"</font></a></td> </tr> </table> </form> </div> <script src="/export.php?type=js&max=10" type="text/javascript"></script> <script type="text/javascript"> var html=''; var ts = ''; var mo = ''; var hh = ''; var mm = ''; var i = 0; for(i=0;i<content.length;i++) { ts = new Date(); ts.setTime(1000*content[i][0]); mo = ts.getMonth()+1; if (mo<10) mo='0'+mo; hh = ts.getHours(); mm = ts.getMinutes()+''; if (mm<10) mm='0'+mm; ts = ts.getDate()+'.'+mo+' '+hh+':'+mm; html2="</tr></tbody></table></div>" html1="<h2>Последние 10 сообщений форума</h2><div class=\"container\"><table cellspacing=\"0\" width=100%><thead><tr><th scope=\"col\">Автор</th><th scope=\"col\">Время</th><th scope=\"col\">Последнее сообщение</th></tr></thead><tbody class=\"hasicon\">" html+='<tr><td>'+content[i][1]+'</td><td class=\"tc2\">'+ts+'<td class=\"tcr\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a><br /></td></tr>'; } var arr=document.getElementsByTagName("div") i=0 str=document.URL while(arr[i] ){ if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="statscon"){ name=arr[i].innerHTML name=name.substring(0) arr[i].innerHTML=""+html1+""+html+""+html2+"<br><h2>Общая статистика</h2>"+name+"" } i++ } </script> <table> <tr> <td><a href="http://webplus.info/index.php?page=47&add_top_url=139928"><img alt="Каталог webplus.info" border=0 src="http://webplus.info/getres.php?infoforurl=139928"></a></td> <td><script type="text/javascript">var pi={width:100,height:150,color:'87E02D'}</script> <script type="text/javascript" src="http://www.uniq-ip.com/a/base/pi.js"></script></td> <td><a href="http://www.warlog.ru/" target="_blank"><img border="0" src="http://www.warlog.ru/counter/?i=1023" alt="счетчик посещений" title="счетчик посещений" /></a></td> <td><!-- Start LinkWall code here --> <script charset="utf-8" src="http://linkwall.ru/links/get/5507/reflink.js"></script> <noscript><a href="http://linkwall.ru/links/add/5507.html">Купить ссылку</a></noscript> <!-- End LinkWall code here --></td> </tr> </table> <!-- Cтрелочки -Вверх вниз страницы --> <div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;"> <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы"> <img src="http://forumstatic.ru/files/0013/ba/88/63218.jpg" alt="Вверх страницы"/> </a> <br/> <br/> <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы"> <img src="http://forumstatic.ru/files/0013/ba/88/17526.jpg" alt="Вниз страницы"/> </a> </div><!--Конец Cтрелочки -->
Выбирайте, что вам важнее.
Поделиться7Сб, 27 Сен 2014 23:42:05
Reysler, спасибо! Второй код мне больше понравился - там витрина ссылок аккуратнее выглядит. Жаль конечно что столько места пустого зря пропадает)) Я где то тут встречал тему что можно к форуму сбоку колонку прилепить. Это реально, если да то туда баннеры можно будет вставлять? Еще раз спасибо за помощь!
Поделиться8Сб, 27 Сен 2014 23:51:55
Sasuke-Uchiha+
Там возникнут трудности при размещении скриптовых баннеров. Лучше избавится от таких громоздких баннеров, разместив их на отдельной странице, за исключением рекламного блока LinkWall и одного счетчика (Liveinternet, Яндекс.Метрика, Счетчик mail.ru и т.д.)