Как переделать стиль html страницы

автор John_Bannett Июнь 22nd 2012, 13:02

Здравствуйте, помогите переоформить стиль страницы html
Я её создал по этому скрипту

Код::  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" id="min-width" lang="ru" xml:lang="ru" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Форум Real World [RP] - Генератор заявок</title> <base target="out" /> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <link href="http://im0.all-up.com/css21/style.css" type="text/css" media="screen" rel="stylesheet"> <style type="text/css"> body { background: #F7F7F7 url('') repeat-x; } a { color: #006699; text-decoration: none; } a:hover { color: #FF6600; } #subheader { background: url("") no-repeat scroll right top transparent; height: 100px; } table.gener td { height: 25px; font-size: 13px; } .champ { border: 1px solid rgb(188, 188, 188); background-color: rgb(255, 255, 255); } .button1 { background-color: #FAFAFA; background-image: url(); background-position: center top; background-repeat: repeat-x; color: #000000; font-weight: bold; font-family: Verdana,Arial,Helvetica,sans-serif; overflow: visible; padding: 2px 3px; width: auto !important; border: 1px solid #666666; } .button1:hover { background-position: 0 100%; border: 1px solid #FF8A00; color: #FF8A00; } #info { color: red; border: 3px double red; font-weight: bold; margin: auto; width: 400px; text-align: center; background: url('') no-repeat top left; margin-top: 15px; } .previsu { background: url(''); border: 1px solid #1675BC; display: none; position: absolute; top: 350px; margin: auto; margin-left: 150px !important; } .previsuimg { position: relative; } .previsuimg div { position: absolute; top: 30px; left: -200px; border: 3px double #E0E0E0; background: rgba(250, 250, 250, 0.9); } #addimage .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;} #addimage .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;} .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;} .image .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;} .image .previsualise { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -50px -436px; margin-left: 5px; padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;} .image { width: 300px; } .gener input,.gener textarea, .gener select{ border-color: #7CBA2C; border-style: solid; border-width: 1px 1px 1px 4px; } .gener input:hover, .gener tr:hover input,.gener select:hover, .gener tr:hover select,.gener textarea:hover, .gener tr:hover textarea { background: #EFFFF3; } .bad-tr { color: #C00; } .bad-tr input, .bad-tr textarea { border-color: #C00; } .bad-tr input:hover, .bad-tr:hover input,.bad-tr textarea:hover, .bad-tr:hover textarea { background: #FFEFEF; } #mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; } #boxes .window { position:fixed; left:0; top:0; display:none; z-index:9999; padding:20px; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> function creanim(lst) { var d=document.getElementById("precise"); if ( lst.selectedIndex==1) d.style.display="block"; else d.style.display="none"; } </script> <script type="text/javascript"> var b1= unescape('%5Bcolor%3Ddarkred%5D%5Bb%5D'); var b2= unescape('%5B/b%5D%5B/color%5D '); function affiche(sel) { var n=1; while ( document.getElementById("d"+n) ) { document.getElementById("d"+n).style.display="none"; n++; } document.getElementById("d"+(sel.selectedIndex+1)).style.display="block"; } function generate() { if($('tr.bad-tr').length==0 || ($('tr.bad-tr').length==1 && $('#choix_animation').attr('value')=='Без' && $('#precise-tr.bad-tr').length==1)) { $('#generated').css({display:'block'}); $('#text_editor_textarea').css({display:'block'}).attr('value',list()); $('#subject').attr('value',document.param.category.options[document.param.category.selectedIndex].innerHTML+' '+$('select#taille_'+get('category')+',#taille_'+get('category')+' input').attr('value')+' для '+get('urlforum').replace(/^(https?:\/\/)?/,'').replace(/(([a-zA-Z0-9-]+\.)?[a-zA-Z0-9-]+\.[a-zA-Z0-9-]+)(\/.*)?$/,'$1')); } else { var emptyE= ($('#choix_animation').attr('value')=='Без' && $('#precise-tr.bad-tr').length==1)?$('tr.bad-tr').length-1:$('tr.bad-tr').length; alert('Вы заполнили не все обязательные поля'); } } function ungen() { $('#generated').css({display:'none'}); $('#text_editor_textarea').attr('value',$('#hello').attr('value')+'\n\n'+$('#text_editor_textarea').attr('value')+'\n\n'+$('#byebye').attr('value')); } function get(name) { return eval('document.param.'+name+'.value'); } function list() { return b1+' } function update_taille() { $('#taille > *').hide();$('#taille_'+get('category')).show(); switch(get('category')) { case 'button': case 'rang': case 'icons': var f=25; break; case 'avatar': case 'sign': var f=26; break; case 'kit': var f=19; break; case 'banner': case 'header': var f=24; break; case 'other': var f=28; } $('#f').attr('value',f); if(f!=27) taillesVerif(); else taillesOK(); } function removeimg(obj) { obj.parent().parent().remove(); update_img(); imagesVerif() } function addimg() { $('#addimage').before('<tr class=image><td class=part></td><td><input style="float:left" type=text onChange="imagesVerif()" /> <div class="previsualise"></div> <div class="remove" onClick="removeimg($(this))"></div><div class="previsuimg"><div></div></div></td></tr>'); $('#addimage').prev().find('.previsualise').hover( function () { $(this).parent().find('.previsuimg').html('<div><img src="'+encodeURI($(this).parent().find('input').attr('value'))+'" /></div>').find('div').css('display','block'); }, function () { $(this).parent().find('.previsuimg div').css('display','none'); } ); imagesVerif(); update_img(); } function update_img() { if($('.image').length<2) $('.image .remove').hide(); else $('.image .remove').show(); } function testUrl(url) { url=url.replace(/^(https?:\/\/)?/,'').replace(/(([a-zA-Z0-9-]+\.)?[a-zA-Z0-9-]+\.[a-zA-Z0-9-]+)(\/.*)?$/,'$1'); readRSS=''; $.getScript('http://'+url+'/rss/get_rss.js',function() { if(typeof(readRSS)=='function') $('#urlforum-tr').removeClass('bad-tr'); else $('#urlforum-tr').addClass('bad-tr');} ); $('#urlforum').attr('value','http://'+url+'/'); } function textVerif(txt,tr) { if(txt.replace(/\s/g,'')!='') $('#'+tr).removeClass('bad-tr'); else $('#'+tr).addClass('bad-tr'); } function chiffreVerif(txt,tr,target) { if(txt.replace(/\s/g,'')!='' && txt.replace(/^\s*[0-9][0-9]?[0-9]?\s*$/,'')=='') $('#'+tr).removeClass('bad-tr'); else $('#'+tr).addClass('bad-tr'); $('#'+target).attr('value',txt.replace(/^\s*([0-9][0-9]?[0-9]?)\s*$/,'$1')); } function imagesVerif() { } function imagesList() { raw= '[li'+'st]'; $('tr.image input').each(function(){ if($(this).attr('value').replace(/^\s$/g,'')!='') raw+='['+'*][url'+']'+$(this).attr('value').replace(/^\s*(.+?)\s*$/g,'$1')+'['+'/url]\n['+'spoiler]['+'img]'+$(this).attr('value').replace(/^\s*(.+?)\s*$/g,'$1')+'[/img][/spoiler]'; }); return raw+'[/list]'; } function taillesVerif() { numb=0; $('#taille span').each(function(){ if($(this).css('display').match(/inline/i)) { saving=$(this); numb++; }}); if(numb==0 || $(saving).find('input').attr('value').match(/^\s*[0-9]+\s*\*\s*[0-9]+\s*$/)) $('#taille-tr').removeClass('bad-tr'); else $('#taille-tr').addClass('bad-tr'); if(numb>0)$(saving).find('input').attr('value',$(saving).find('input').attr('value').replace(/^\s*([0-9]+)\s*\*\s*([0-9]+)\s*$/,'$1*$2')); } function taillesOK() { $('#taille-tr').removeClass('bad-tr'); } function verifyLogin() { $.get('/popup_help.forum?l=miscvars',function(data){ if( data.replace(RegExp("^.+<li style=\"margin-bottom:5px;direction:ltr;text-align:left;\"><strong><a href="http://real-world-rp.gta-ru.com/profile.forum?mode=viewprofile&u=1">John_Bannett</a><\/strong> : (.*?) <span style='direction:ltr'>$.*?$<\/span><br \/><\/li>.+$"),'$1').match(/^<a href=".+\/profile\.forum\?mode=viewprofile&u=-1">.+<\/a>$/)) { var maskHeight = $(document).height(); var maskWidth = $(window).width(); $('#mask').css({'width':maskWidth,'height':maskHeight}); $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); var winH = $(window).height(); var winW = $(window).width(); $('.window').css('top', winH/2-$('.window').height()/2); $('.window').css('left', winW/2-$('.window').width()/2); $('.window').show().fadeIn(2000); } else { $('#pseudo').html(data.replace(RegExp("^.+<li style=\"margin-bottom:5px;direction:ltr;text-align:left;\"><strong><a href="http://real-world-rp.gta-ru.com/profile.forum?mode=viewprofile&u=1">John_Bannett</a><\/strong> : (.*?) <span style='direction:ltr'>$.*?$<\/span><br \/><\/li>.+$"),'$1')); $('#pseudo-tr').removeClass('bad-tr'); $('#mask').hide(); $('.window').hide(); } }); } $(document).ready(function(){ verifyLogin(); }); </script> </head> <body>  <div id="content"> <div id="subheader"><a href="/"> </a><div class="left"><p class="h2"><a href="/">Форум <span class="green bold">Real World [RP]</span></a></p><h1><a href="http://real-world-rp.gta-ru.com/forum"><span class="green bold"></span></a></h1></div><div class="right blog_link"></div></div> <div id="menu-horizontal"><p class="form-step"><span class="_active"></span> <span class=""></span> <span class=""></span></p></div> <div id="main"> <h1>Администрация Real World [RP]</h1> <p style="margin: 0px 35px 15px;"><font color="#000000"></font><font color="#000000"></font></strong><br/><br/> <span style="color: red; text-align: center; display: block;"></span> </p> <br> <form name="param"> <div class="buble-form"><div class="top-right"></div><div class="top-left"></div><div class="contenu clearfix"> <table cellspacing="0" class="tableline"> <tr> <td class="contain"> <br /><br /> <table class="gener" style="width: 100%;"> <tr> <td width="300px"> <label for="nature"><b>Состав корректируется главным администратором. Ники администраторов расположены в порядке заступления в работу. </p> <g>John_Bannett <span class="italic"><span class="green bold"></span></span></p></div> </p> <g>Ранг: Главный администратор <span class="italic"><span class="green bold"></span></span></p></div> </p> <g>Когда бывает: Ежедневно <span class="italic"><span class="green bold"></span></span></p></div> </p> <g>Связь:<span class="italic"><span class="green bold"></span></span></p></div> </div> </td> </tr> </table> </td> </tr> </table> </div><div class="bottom-right"></div><div class="bottom-left"></div><div class="clear"></div><br></div> </div>  <img id="ombre" alt="" src=""> <div id="main-bottom"></div> <div class="push"></div> </div>  <div id="pied"><img height="92" width="88" id="act-bottom" alt="" src=""> <p> <b></b> <a href="/t1587-"></a> <a href="/f20"></a> <a href="/f29"></a> </p> <p> <span class="italic"><span class="green bold"></span></span></p></div> </form> <div id="boxes">  <iframe style="visibility:hidden;width:1px;height:1px;" name="connecting" onLoad="verifyLogin();"></iframe><div id="connect" class="window" style="background: white url() no-repeat 0% 0%; border: 2px solid #C00;"> <form target="connecting" action="/login" method="post" name="form_login"><br />Вход: <input type="text" name="username" style="width:80px;" value="username" onclick="this.value=''"/> <input type="password" name="password" style="width:80px;" value="Password" onclick="this.value=''" /> <input type="hidden" name="redirect" value="/-h1.htm"><input type="hidden" name="query" value=""><button type="submit" name="login" value="Connexion"><img src=" style="vertical-align:middle" /></button><br /><br /></form> </div>   <div id="mask"></div> </div> </body> </html>

Убрал всё лишнее и вставил своё, но не знаю как сделать такой же как и стиль форума, вот сам форум - http://real-world-rp.gta-ru.com/forum

автор **Ilya** Июнь 22nd 2012, 14:34

Попробуйте
ПА - Модули - Управление HTML страницами - modif

вашу страницу - Использовать верх и низ вашего форума - Да

автор John_Bannett Июнь 22nd 2012, 15:08

Не работает

автор Goblin Июнь 22nd 2012, 15:24

И не будет работать.

Добавьте только то что в этих тегах <body></body>, но при этом вряд ли с первого раза все нормально станет. У копии страницы и у вашего форума могут быть прописаны разные названия классов и айди для стилей.

Как переделать стиль html страницы

Как переделать стиль html страницы

Re: Как переделать стиль html страницы

Re: Как переделать стиль html страницы

Re: Как переделать стиль html страницы