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

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

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


Вы здесь » Единый форум поддержки » Корзина » Помогите с оформлением


Помогите с оформлением

Сообщений 1 страница 6 из 6

1

Вот мой форум - http://moveo-tab.ru/
Вот скрин -

http://i26.fastpic.ru/big/2011/0801/f4/1a2fcdfb0ed02cf8adcb956a2f7521f4.jpg

1. Нужно минимизировать расстояние от верха окна до шапки форума
2. продублировать ссылку RSS рисунком http://i26.fastpic.ru/big/2011/0801/02/e6a2d1530e1cbd7fa799dcc0795f9902.png
3. окошко поиска сделать вот таким http://i26.fastpic.ru/big/2011/0801/e9/4af1927eeff2c9231e24633b710953e9.jpg цветом ну или максимально похожим и в иделале былобы сделать окно с закруглёнными нижними краями
4. у меня стоит скрипт "10 последних сообщений" -
http://i26.fastpic.ru/big/2011/0801/a2/3f599c8c9e0bcf60abfd96eb436184a2.jpg
нужно убрать полоску "статистика форума" чтоб была только "Последние 10 сообщений форума"

вот мои скрипты -

Код:
<!--10 сообщений -->
<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>
<!--Конец -->
Код:
<!--Поиск -->
<script language="JavaScript">
document.getElementById("pun-navlinks").style.position = "relative"

function showDiv()
{
if(  document.getElementById("searchDiv").style.display == 'none' )
     document.getElementById("searchDiv").style.display = ''
else document.getElementById("searchDiv").style.display = 'none'

return false;
}

str  = "<a href=\"search.php\" onclick=\"return showDiv()\"><span>Поиск</span></a>"
str += "<div id=searchDiv style=\"display: none; \">"

str += " <form method=\"get\" action=\"search.php\">"
str += "    <input type=\"hidden\" name=\"action\" value=\"search\">"
str += "    <p class=\"inputfield\">"
str += "    <label for=\"fld1\">Ключевые слова</label><br />"
str += "    <span class=\"input\"><input type=\"text\" name=\"keywords\" size=\"25\" maxlength=\"100\" /></span>"
str += "    </p>"
str += "    <p class=\"inputfield\">"
str += "    <label for=\"fld2\">Поиск автора</label><br />"
str += "    <span class=\"input\"><input type=\"text\" name=\"author\" size=\"25\" maxlength=\"25\" /></span>"
str += "    </p> <br>"

str += "    <input type=\"hidden\" name=\"forum\" value=\"-1\">"
str += "    <input type=\"hidden\" name=\"search_in\" value=\"all\">"
str += "    <input type=\"hidden\" name=\"sort_by\" value=\"0\">"
str += "    <input type=\"hidden\" name=\"sort_dir\" value=\"DESC\">"
str += "    <input type=\"hidden\" name=\"show_as\" value=\"topics\">"

str += "    <p><input type=\"submit\" class=\"button\" name=\"search\" value=\"Отправить\" accesskey=\"s\" title=\"Accesskey:s\" /></p>"
str += " </form>"

str += "    <a href=\"search.php\">Расширенный поиск</a> "
str += "</div>"

document.getElementById('navsearch').innerHTML = str
</script>
<style>
#searchDiv{
position:absolute; 
background-color : gray; 
border : solid;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
padding-top : 5px;
z-index:2;
}
</style>
<!--Конец -->
Код:
<!--рассылка RSS-->
<script language="JavaScript">
document.getElementById("pun-ulinks").getElementsByTagName("ul")[0].innerHTML+="<li class=\"item7 a\"><a target=\"_blank\" href=\"export.php\">RSS</a></li>"
</script>

0

2

pouwer :glasses: Тут не дизайн поддержка и не обучение HTML кодам и сss - хотите реальной помощи задавайте по одному самому животрепещущуму вопросу - делать диз по Списку запроса на страничку - идите ....
Делать на дизайнерские сайты (* посколь, кроме Вас помощь просят еще люди..и занимацо чисто Вашими проблемой нет ни интереса, ни данное действо не отвечает задачам Техподдержки

-1

3

Deff, А разве раздел не называется "Вопросы по оформлению форума"?

0

4

pouwer
могу помочь только с шапкой. Идете в первое окно стиля и ищете это

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */

там меняете параметр padding-top на значение 0px.

0

5

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

1. Нужно минимизировать расстояние от верха окна до шапки форума

Впишите в ХТМЛ-верх:

Код:
<style type="text/css">
#pun {
  margin: 5px 30px;
}
</style>
pouwer написал(а):

2. продублировать ссылку RSS рисунком

Код:
<!--RSS-->
<script language="JavaScript">
document.getElementById("pun-ulinks").getElementsByTagName("ul")[0].innerHTML+="<li class=\"item7 a\"><a target=\"_blank\" href=\"export.php\"><img src='http://i26.fastpic.ru/big/2011/0801/02/e6a2d1530e1cbd7fa799dcc0795f9902.png' alt=''rss' style='padding-right: 2px;' />RSS</a></li>";
</script>
<!--Конец -->
pouwer написал(а):

3. окошко поиска сделать вот таким  цветом ну или максимально похожим и в иделале былобы сделать окно с закруглёнными нижними краями

Код:
<!--Поиск -->
<script language="JavaScript">
document.getElementById("pun-navlinks").style.position = "relative"

function showDiv()
{
if(  document.getElementById("searchDiv").style.display == 'none' )
     document.getElementById("searchDiv").style.display = ''
else document.getElementById("searchDiv").style.display = 'none'

return false;
}

str  = "<a href=\"search.php\" onclick=\"return showDiv()\"><span>Поиск</span></a>"
str += "<div id=searchDiv style=\"display: none; \">"

str += " <form method=\"get\" action=\"search.php\">"
str += "    <input type=\"hidden\" name=\"action\" value=\"search\">"
str += "    <p class=\"inputfield\">"
str += "    <label for=\"fld1\">Ключевые слова</label><br />"
str += "    <span class=\"input\"><input type=\"text\" name=\"keywords\" size=\"25\" maxlength=\"100\" /></span>"
str += "    </p>"
str += "    <p class=\"inputfield\">"
str += "    <label for=\"fld2\">Поиск автора</label><br />"
str += "    <span class=\"input\"><input type=\"text\" name=\"author\" size=\"25\" maxlength=\"25\" /></span>"
str += "    </p> <br>"

str += "    <input type=\"hidden\" name=\"forum\" value=\"-1\">"
str += "    <input type=\"hidden\" name=\"search_in\" value=\"all\">"
str += "    <input type=\"hidden\" name=\"sort_by\" value=\"0\">"
str += "    <input type=\"hidden\" name=\"sort_dir\" value=\"DESC\">"
str += "    <input type=\"hidden\" name=\"show_as\" value=\"topics\">"

str += "    <p><input type=\"submit\" class=\"button\" name=\"search\" value=\"Отправить\" accesskey=\"s\" title=\"Accesskey:s\" /></p>"
str += " </form>"

str += "    <a href=\"search.php\">Расширенный поиск</a> "
str += "</div>"

document.getElementById('navsearch').innerHTML = str
</script>
<style>
#searchDiv {
  position: absolute; 
  background-color: #698bb8; 
  border-style: solid;
  padding: 5px;
  z-index: 1000;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
}
</style>
<!--Конец -->
pouwer написал(а):

нужно убрать полоску "статистика форума" чтоб была только "Последние 10 сообщений форума"

Код:
<!--10 сообщений -->
<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>';
}

document.getElementById("pun-stats").innerHTML = "" + html1 + "" + html + "" + html2 + "<br /><h2>Общая статистика</h2><ul class='container'>" + document.getElementById("pun-stats").getElementsByTagName("ul")[0].innerHTML + "</ul>";
</script>
<!--Конец -->

Отредактировано rps (Пн, 1 Авг 2011 18:59:34)

0

6

rps, спасибо огромное, всё работает!

0


Вы здесь » Единый форум поддержки » Корзина » Помогите с оформлением