Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор John_Bannett в Пт 22 Июн - 13:02

Здравствуйте, помогите переоформить стиль страницы html
Я её создал по этому скрипту
Код:
<!-- saved from url=(0022)http://internet.e-mail -->
<!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&amp;u=1">John_Bannett</a><\/strong> : (.*?) <span style='direction:ltr'>\(.*?\)<\/span><br \/><\/li>.+$"),'$1').match(/^<a href=".+\/profile\.forum\?mode=viewprofile&amp;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&amp;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> <!-- close #main -->
<img id="ombre" alt="" src=""> <div id="main-bottom"></div> <div class="push"></div>
 
</div> <!-- close #content --> <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">

<!-- Start of Login Dialog -->
<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>
<!-- End of Login Dialog --> 


<!-- Mask to cover the whole screen -->
  <div id="mask"></div>
</div>

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

John_Bannett
Новичок

Мужчина

Сообщения : 20
Возраст : 18
Настроение : Отличное
Регистрация : 2012-06-15
Благодарности : 0

Без предупреждений

http://real-world-rp.gta-ru.com

Вернуться к началу Перейти вниз

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

Сообщение автор Ilya в Пт 22 Июн - 14:34

Попробуйте
ПА - Модули - Управление HTML страницами - modif вашу страницу - Использовать верх и низ вашего форума - Да


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами

Ilya
Помощник
Помощник

Мужчина

Сообщения : 3051
Возраст : 20
Место обитания : Украина. Харьков
Настроение :
Регистрация : 2011-10-29
Благодарности : 1455

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор John_Bannett в Пт 22 Июн - 15:08

Не работает

John_Bannett
Новичок

Мужчина

Сообщения : 20
Возраст : 18
Настроение : Отличное
Регистрация : 2012-06-15
Благодарности : 0

Без предупреждений

http://real-world-rp.gta-ru.com

Вернуться к началу Перейти вниз

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

Сообщение автор Goblin в Пт 22 Июн - 15:24

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

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

Goblin
Новичок

Сообщения : 11
Регистрация : 2012-05-08
Благодарности : 1

Без предупреждений

http://www.yandex.ua

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения