Страница для создания тем с заполненной анкетой

автор СаШоК Июнь 21st 2012, 18:12

Можно ли сделать себе на сайт такое-же только что слова другие были и т.д.
https://help.forum2x2.ru/h1-page

автор MakcMay Июнь 21st 2012, 18:31

Код::  <!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>Форум форумов - Генератор графических заказов</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('http://illiweb.com/fs/img/bg_body.png') repeat-x; } a { color: #006699; text-decoration: none; } a:hover { color: #FF6600; } #subheader { background: url("http://illiweb.com/fs/img/web2.png") 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(http://illiweb.com/fa/prosilver/bg_button.gif); 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('http://illiweb.com/fa/fdf/peindre.png') no-repeat top left; margin-top: 15px; } .previsu { background: url('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png'); 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+'Тип заказа :'+b2+document.param.category.options[document.param.category.selectedIndex].innerHTML+'\n'+(get('category')=='theme'?'':b1+'Размер заказа (в пикселях) :'+b2+$('select#taille_'+get('category')+',#taille_'+get('category')+' input').attr('value')+'\n')+b1+'Анимация:'+b2+get('choix_animation')+(get('choix_animation')=='Да'?' : '+get('precise_animation'):'')+'\n'+b1+'Цвет фона :'+b2+($('#hasBackColor').attr('value')?'[i]не указан[/i]':'[color=#'+get('couleur_fond')+']#[/color]'+get('couleur_fond'))+'\n'+b1+'Ссылки на изображения :'+b2+(imagesList()=='[list][/list]'?'[i]не указаны[/i]\n':'\n\n'+ imagesList())+b1+'Текст:'+b2+(get('insert_texte')==''?'[i]не указан[/i]':get('insert_texte'))+'\n'+b1+'Размер шрифта:'+b2+(get('taille_po')==''?'[i]не указано[/i]':get('taille_po')+'px')+'\n'+b1+'Цвет шрифта:'+b2+($('#hasFontColor').attr('value')?'[i]не указано[/i]':'[color=#'+get('couleur_police')+']#[/color]'+get('couleur_police'))+'\n'+b1+'Ссылка на мой форум на Forum2x2:'+b2+get('urlforum')+'\n'+b1+'Дополнительная информация:'+b2+(get('comment')==''?'[i]не указана[/i]\n':'\n\n[li'+'st]'+get('comment')+'[/list]'); } 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>{USERLINK}<\/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>{USERLINK}<\/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="/"> <img height="92" src="http://illiweb.com/fa/admin/icones/help.png" alt="" id="green-act"> </a><div class="left"><p class="h2"><a href="/">Форум <span class="green bold">Форумов</span></a></p><h1><a href="http://www.forumactif.com/fr/creer-un-forum/">Форум взаимопомощи для администраторов форумов Forum<span class="green bold">2х2</span></a></h1></div><div class="right blog_link"></div></div> <div id="menu-horizontal"><p class="form-step"><span class="step1_active">Заполните формуляр</span> <span class="step2">Нажмите на Генерировать</span> <span class="step3">Нажмите на Отправить</span></p></div> <div id="main"> <h1>Генератор графических заказов</h1> <p style="margin: 0px 35px 15px;"><font color="#00a5cd">Forum</font><font color="#7cba2c">2х2</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>Тип заказа</b></label> </td> <td> <select id="nature" name="category" onchange="update_taille()" class="champ"> <option value="button">Кнопки</option> <option value="banner">Баннер</option> <option value="avatar">Аватар</option> <option value="sign">Подпись</option> <option value="header">Лого</option> <option value="rang">Ранг</option> <option value="icons">Иконки</option> <option value="other">Другое</option> </select> </td> </tr> <tr id="taille-tr"> <td> <label for="taille"> <b>Размер заказа</b><br/> <a target="_blank" href="/t1586-" style="font-size: 12px;"><img border="0" alt="" src="http://illiweb.com/fa/admin/icones/puce_bleu.png"/> Предпросмотр стандартных размеров</a> </label> </td> <td id="taille"> <select id="taille_button"> <option value="80*15">80*15 пикселей</option> <option value="88*31">88*31 пикселей</option> <option value="100*30">100*30 пикселей</option> </select> <select id="taille_banner"> <option value="120*60">120*60 пикселей</option> <option value="200*40">200*40 пикселей</option> <option value="468*60">468*60 пикселей</option> <option value="200*40">120*240 пикселей</option> </select> <select id="taille_avatar"> <option value="80*80">80*80 пикселей</option> <option value="100*100">100*100 пикселей</option> <option value="100*150">100*150 пикселей</option> <option value="150*200">150*200 пикселей</option> </select> <select id="taille_sign"> <option value="468*60">468*60 пикселей</option> <option value="500*100">500*100 пикселей</option> <option value="500*150">500*150 пикселей</option> <option value="600*150">600*150 пикселей</option> </select> <span id="taille_header"><input type="text" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (в пикселях, в виде <i> ширина*высота</i>)</span> <span id="taille_kit"><input type="text" name="taille_kit" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (в пикселях, в виде <i> ширина*высота</i>)</span> <span id="taille_rang"><input type="text" name="taille_rang" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (в пикселях, в виде <i> ширина*высота</i>)</span> <span id="taille_icons"><input type="text" name="taille_icons" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (в пикселях, в виде <i> ширина*высота</i>)</span> <span id="taille_clock"><input type="text" name="taille_clock" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (в пикселях, в виде <i> ширина*высота</i>)</span> <span id="taille_other"><input type="text" name="taille_other" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (в пикселях, в виде <i> ширина*высота</i>)</span> </td> <script type="text/javascript">update_taille()</script> </tr> <tr> <td> <label for="choix_animation"><b>Анимация</b></label> </td> <td> <select id="choix_animation" name="choix_animation" class="champ" onchange="creanim(this);"> <option value="Без">Нет</option> <option value="Да">Да</option> </select> </tr> <tr class="bad-tr" id="precise-tr"> <td colspan="2" style="height: 0;"> <div id="precise" style="display: none;"><label style="background: url('http://illiweb.com/fa/admin/h2-breadcrumb-arrow90.png') no-repeat bottom left; padding-left: 50px" for="precise_animation"><b>Уточните, какая должна быть анимация</b></label> <input type="text" name="precise_animation" class="champ" style="margin-left: 55px; width: 200px;" onChange="textVerif(this.value,'precise-tr')" /></div> </td> </tr> <tr> <td> <label for="couleur_fond"> <b>Цвет фона</b> <br/> </label> </td> <td> <script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script> <input type="text" value="#" class="color champ" value="66ff00" id="couleur_fond" name="couleur_fond" maxlength="7" style="width: 70px; background: url('http://illiweb.com/fa/wysiwyg/color_swatch.png') no-repeat right;"> <span style="font-size: 0.8em;color: #999;"><input class="checkbox" type="checkbox" id="hasBackColor" name="hasBackColor" onChange="$('#couleur_fond').attr('disabled',$('#hasBackColor').attr('value'))"> <label for="hasBackColor">Не указывать</label></span> </td> </tr> <tr id="insert-texte-tr"> <td> <label for="insert_texte"><b>Текст</b> </label> </td> <td> <input type="text" name="insert_texte" class="champ" style="width: 200px;" onChange="textVerif(this.value,'insert-texte-tr')" /> </td> </tr> <tr id="lien-image-tr"> <td> <label for="lien_image"><b>Ссылка (ссылки) на картинки</b></label><br /> <span style="color: #999999; font-size: 9px;">Не предлагайте изображения с подписью автора, отображаемым копирайтом <i>(название сайта или логотип)</i> или нарущающие этические нормы (порнография, насилие и т.д.)</span> </td> <td> <table> <tr id="addimage"> <td class="part"></td> <td> <div class="more" onClick="addimg()"></div> </td> </tr> </table> <script type="text/javascript">addimg()</script> </td> </tr> <tr id="police-tr"> <td> <label for="police"> <b>Шрифт</b><br/> <a target="_blank" href="http://www.font-cat.com/" style="font-size: 12px;"><img border="0" alt="" src="http://illiweb.com/fa/admin/icones/puce_bleu.png"/> Найти шрифт</a> </label> </td> <td> <input type="text" name="police" id="police" class="champ" onChange="textVerif(this.value,'police-tr')"/> </td> </tr> <tr id="taille_po-tr"> <td> <label for="taille_po"><b>Размер шрифта</b></label> </td> <td> <input type="text" name="taille_po" id="taille_po" maxlength="3" class="champ" style="width:25px; text-align: right;" onChange="chiffreVerif(this.value,'taille_po-tr','taille_po')"/> пикселей </td> </tr> <tr> <td> <label for="taille_po"><b>Цвет шрифта</b></label> </td> <td> <input type="text" value="#" class="color champ" value="66ff00" id="couleur_police" name="couleur_police" maxlength="7" style="width: 70px; background: url('http://illiweb.com/fa/wysiwyg/color_swatch.png') no-repeat right;"> <span style="font-size: 0.8em;color: #999;"><input class="checkbox" type="checkbox" id="hasFontColor" name="hasFontColor" onChange="$('#couleur_police').attr('disabled',$('#hasFontColor').attr('value'))"> <label for="hasFontColor">Не указывать</label></span> </td> </tr> <tr class="bad-tr" id="urlforum-tr"> <td> <label for="urlforum"><b>Ссылка на ваш форум <font color="#00a5cd">Forum</font><font color="#7cba2c">2х2</font> обязательна</b> </label> </td> <td> <input type="text" name="urlforum" class="champ" style="width: 250px;" onChange="testUrl(this.value)" id="urlforum" /> </td> </tr> <tr class="bad-tr" id="pseudo-tr" style="display: none !important"> <td> <label for="pseudo"><b>Ник для отправки заказа</b> </label> </td> <td> <span id="pseudo"></span> </td> </tr> <tr> <td> <label for="urlforum"><b>Дополнительная информация</b> (<i>факультативно</i>) </label><br /> <span style="color: #999999; font-size: 9px;">Вы можете уточнить детали вашего заказа : анимация должна быть применена только к тексту, только к картинке и т.д.... </span> </td> <td> <textarea name="comment" class="champ" style="width: 250px; font-family: Verdana, Arial; font-size: 12px;"></textarea><br/> </td> </tr> <tr> <td colspan=2 align="center"> <br /> <input type="button" class="button1" onfocus="this.style.borderColor='#B4B945'" onblur="this.style.borderColor='#8FBDD5'" value="Генерировать код" onClick="generate()"> </form> </td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"> <form action="/post" method="post" name="post" enctype="multipart/form-data"> <div id="generated" style="display: none; text-align: center;"> <div class="titline">Полученный код:</div> <div id="info"> Внимание :<br> Ваш заказ еще не сохранен!<br> </div><br><input name="subject" style="width:640px;" id="subject"><br><br> <textarea class="post" wrap="virtual" id="hello" style="width: 640px; height: 40px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; display: block; ">Добрый день,</textarea><textarea id="text_editor_textarea" class="post" wrap="virtual" name="message" style="width: 640px; height: 250px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; display: block; " readonly="true"></textarea><textarea class="post" wrap="virtual" id="byebye" style="width: 640px; height: 40px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; display: block; ">Благодарю за все решения, которые будут предложены.</textarea> <input type="hidden" name="lt" value="0" /> <input type="hidden" name="mode" value="newtopic" /> <input type="hidden" name="topictype" value="0" checked="checked" /> <input type="hidden" name="f" id="f" value="25" /><br /> <input type="submit" onClick="ungen();return true" name="post" value="Отправить" /><br /><br /> </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="http://im0.all-up.com/i/img/ombre.png"> <div id="main-bottom"></div> <div class="push"></div> </div>  <div id="pied"><img height="92" width="88" id="act-bottom" alt="" src="http://illiweb.com/fs/img/act_bottom.png"> <p> <b>Полезные ссылки</b> : <a href="/t1587-">Правила стола заказов</a> - <a href="/f20-">Стол заказов</a> - <a href="/f29-">Сервис графической помощи</a> </p> <p>© 2011 <span class="italic">Forum<span class="green bold">2х2</span>.com</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(http://illiweb.com/fs/img/spirale.png) 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="http://i21.servimg.com/u/f21/11/21/85/73/redarr10.png" style="vertical-align:middle" /></button><br /><br /></form> </div>   <div id="mask"></div> </div> </body> </html>

вот код html в точности как вы дали ссылку, подбирайте картинки, цвета под себя только и все

https://help.forum2x2.ru/t6397-topic - как пользоваться html

автор СаШоК Июнь 21st 2012, 18:47

Спасибо. Но можно ли какнибудь убрать названия и ссылки "Форум форумов и т.д."
И ещё как добавить везде свои названия и т.д.

автор MakcMay Июнь 21st 2012, 19:18

Посмотрите внимательно код и увидите все ссылки на изображения и названия

автор СаШоК Июнь 21st 2012, 19:21

я в кодах не очень(

автор MakcMay Июнь 21st 2012, 19:23

вы скажите какие картинки вам нужно изменить и ссылки на какие, я изменю

автор СаШоК Июнь 21st 2012, 19:41

Это очень долго. Можете ли вы мне сами показать в этом списке где-что?

автор MakcMay Июнь 21st 2012, 19:51

автор СаШоК Июнь 21st 2012, 20:00

Мне они не нужны, мне просто нужна сменить там все слова на свои

автор MakcMay Июнь 21st 2012, 20:01

так пишите какие слова на какие

автор СаШоК Июнь 21st 2012, 20:04

я незнаю как объяснить, просто когда начал писать недойдя до половины вышло всего очень много и непонятно. Я хочу просто чтобы вы показали мне в коде где употребляются все слова на русском языке а не в кодах

автор MakcMay Июнь 21st 2012, 20:07

забудьте о коде, смотрите на готовый пример https://help.forum2x2.ru/h1-page и говорите какие слова заменять на какие

автор СаШоК Июнь 21st 2012, 20:35

1) - Форум форумов = Famas.forum2x2.ru
2) - "Форум взаимопомощи для администраторов форумов Forum2х2" Убрать
3) - Генератор графических заказов = Заявка на вступление в должность модератора
4) - Тип заказа = Форум(ы) и подфорум(ы) Напротив 5) - "Слово - Кнопки" убрать, и добавить в список:
CrossFire
Point Blank
WolfTeam
S.T.A.L.K.E.R
MineCraft
APB: Reloaded
Counter Strike Source
Counter Strike 1.6 [CS 1.6]
WarFace
GTA: SAMP
Perfect World
Travian
Dark Orbit
Игры в социальных сетях
Другие браузерные игры
5) - Размер заказа = Возраст. Напротив. 6) - В списке всё удалить и добавить Цифры от 14 до 99
7) - Анимация = E-mail. Напротив. Список удалить и за место списка поставить текстовую строку
8) - Цвет фона заменить на = Сколько времени в день будете на форуме
9) - Текст = ИФО. Напротив. Строку не удалять а сделать длиннее
Остальной весь текст который я не назвал удалить! И все картинки удалить. Сделать фон Чёрным. А кнопки Зелёным.

автор MakcMay Июнь 21st 2012, 21:05

Я попробовал, но то что вы сказали еще изменять названия в окнах, где нужно указывать пиксели и тому подобное, то окно светится красным, пока не вписать именно в пикселях, а это я не знаю как изменить sad

автор СаШоК Июнь 22nd 2012, 14:35

Я очень долго сидел разбирался в кодах, и на половину стиль сделал...
Вот код:

Код::  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html dir="ltr" id="min-width" lang="ru" xml:lang="ru" xmlns=""> <head> <title>Заявка на должность Модератора</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+'Тип заказа :'+b2+document.param.category.options[document.param.category.selectedIndex].innerHTML+'\n'+(get('category')=='theme'?'':b1+'Размер заказа (в пикселях) :'+b2+$('select#taille_'+get('category')+',#taille_'+get('category')+' input').attr('value')+'\n')+b1+'Анимация:'+b2+get('choix_animation')+(get('choix_animation')=='Да'?' : '+get('precise_animation'):'')+'\n'+b1+'Цвет фона :'+b2+($('#hasBackColor').attr('value')?'<i>не указан</i>':'[color:5182=#'+get('couleur_fond')+']#</font>'+get('couleur_fond'))+'\n'+b1+'Ссылки на изображения :'+b2+(imagesList()=='<ul></ul>'?'<i>не указаны</i>\n':'\n\n'+ imagesList())+b1+'Текст:'+b2+(get('insert_texte')==''?'<i>не указан</i>':get('insert_texte'))+'\n'+b1+'Размер шрифта:'+b2+(get('taille_po')==''?'<i>не указано</i>':get('taille_po')+'px')+'\n'+b1+'Цвет шрифта:'+b2+($('#hasFontColor').attr('value')?'<i>не указано</i>':'[color:5182=#'+get('couleur_police')+']#</font>'+get('couleur_police'))+'\n'+b1+'Ссылка на мой форум на Forum2x2:'+b2+get('urlforum')+'\n'+b1+'Дополнительная информация:'+b2+(get('comment')==''?'<i>не указана</i>\n':'\n\n[li'+'st]'+get('comment')+'[/list]'); } 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://famas.forum2x2.ru/profile.forum?mode=viewprofile&u=1">Famas</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://famas.forum2x2.ru/profile.forum?mode=viewprofile&u=1">Famas</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="/"> <img height="92" src="http://illiweb.com/fa/admin/icones/help.png" alt="" id="green-act"> </a><div class="left"><p class="h2"><a href="/">Форум <span class="green bold">Форумов</span></a></p><h1><a href="http://www.forumactif.com/fr/creer-un-forum/">Fama.forum2x2.ru<span class="green bold">2х2</span></a></h1></div><div class="right blog_link"></div></div> <div id="menu-horizontal"><p class="form-step"><span class="step1_active">Заполните формуляр</span> <span class="step2">Нажмите на Генерировать</span> <span class="step3">Нажмите на Отправить</span></p></div> <div id="main"> <h1>Заявка</h1> <p style="margin: 0px 35px 15px;"><font color="#00a5cd">Forum</font><font color="#7cba2c">2х2</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>Раздел + подфорумы</b></label> </td> <td> <select id="nature" name="category" onchange="update_taille()" class="champ"> <option value="button">CrossFire</option> <option value="banner">Point Blank</option> <option value="avatar">WolfTeam</option> <option value="sign">S.T.A.L.K.E.R</option> <option value="header">MineCraft</option> <option value="rang">APB: Reloaded</option> <option value="icons">Counter Strike Source</option> <option value="other">Counter Strike 1.6 [CS 1.6]</option> <option value="sign">WarFace</option> <option value="sign">GTA: SAMP</option> <option value="sign">Perfect World</option> <option value="sign">Transformice</option> <option value="sign">Travian</option> <option value="sign">Dark Orbit</option> </select> </td> </tr> <tr id="taille-tr"> <td> <label for="taille"> <b>Возраст</b><br/> <a target="_blank" href="/t1586-" style="font-size: 12px;"><img border="0" alt="" src=""/> </a> </label> </td> <td id="taille"> <span id="taille_header"><input type="text" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (<--- Впишите свой возраст</i>)</span> </td> <script type="text/javascript">update_taille()</script> </tr> <tr> <td> <label for="choix_animation"><b>Сколько времени будете на форуме</b></label> </td> <td> <span id="taille_header"><input type="text" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (<--- Впишите число</i>)</span> </td> <td> </td> </tr> <tr> <td colspan=2 align="center"> <br /> <input type="button" class="button1" onfocus="this.style.borderColor='#B4B945'" onblur="this.style.borderColor='#8FBDD5'" value="Генерировать" onClick="generate()"> </form> </td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"> <form action="/post" method="post" name="post" enctype="multipart/form-data"> <div id="generated" style="display: none; text-align: center;"> <div class="titline">Полученный код:</div> <div id="info"> Внимание :<br> Ваша заявка ещё не сохранена!<br> </div><br><input name="subject" style="width:640px;" id="subject"><br><br> <textarea class="post" wrap="virtual" id="hello" style="width: 640px; height: 40px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; display: block; ">Добрый день,</textarea><textarea id="text_editor_textarea" class="post" wrap="virtual" name="message" style="width: 640px; height: 250px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; display: block; " readonly="true"></textarea><textarea class="post" wrap="virtual" id="byebye" style="width: 640px; height: 40px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; display: block; ">Это моя заявка для Администратора</textarea> <input type="hidden" name="lt" value="0" /> <input type="hidden" name="mode" value="newtopic" /> <input type="hidden" name="topictype" value="0" checked="checked" /> <input type="hidden" name="f" id="f" value="25" /><br /> <input type="submit" onClick="ungen();return true" name="post" value="Отправить" /><br /><br /> </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="http://im0.all-up.com/i/img/ombre.png"> <div id="main-bottom"></div> <div class="push"></div> </div>  <div id="pied"><img height="92" width="88" id="act-bottom" alt="" src="http://illiweb.com/fs/img/act_bottom.png"> <p> <b></b> : <a href="/t1587-"></a> - <a href="/f20-"></a> - <a href="/f29-"></a> </p> <p> 2011 <span class="italic">Forum<span class="green bold">2х2</span>.com</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(http://illiweb.com/fs/img/spirale.png) 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="http://i21.servimg.com/u/f21/11/21/85/73/redarr10.png" style="vertical-align:middle" /></button><br /><br /></form> </div>   <div id="mask"></div> </div> </body> </html>

Пожалуйста, уберите сверху картинку где написано "help".
Потом уберите Название "Форум форумов".
Потом уберите под название Форум Форумов, текст "fama.forum2x2.ru".
Потом сделайте текст цветным в 2-ух текстовых строках и одном списке. Цвет сделайте "Красным".
Просто когда пишешь что - либо в этих строках то цвет "Белый" а мне надо красный. Так же в "списке". Тоже красный сделайте.
И сделайте ещё чтобы при нажатии на кнопку "Генерировать" Все данные отправлялись на этот форум "http://famas.forum2x2.ru/f46-forum" в виде темы. Название у тем Прономируйте "Заявка 1" "Заявка 2" и т.д.
Очень нужно, сделайте пожалуйста.

автор MakcMay Июнь 22nd 2012, 15:31

То что Вы убрали текст не будет генерирован

автор СаШоК Июнь 22nd 2012, 15:36

Вы о чём? Из всего того мне надо было лишь 3 строки. Формы + подфорумы, Возраст, Сколько времени будите на форуме.
Я проверял, получилось всё хорошо. Но я хочу когда нажимаешь, вся информацию шла "сюда"
Эта информация была внутри тем. А у тем были хоть любые названия...

автор MakcMay Июнь 22nd 2012, 16:13

дайте ссылку где вы проверяли

автор СаШоК Июнь 22nd 2012, 16:42

http://famas.forum2x2.ru/h5-page

автор MakcMay Июнь 22nd 2012, 16:44

У меня не генерирует, то что я написал

автор СаШоК Июнь 22nd 2012, 16:50

хмм... Чёт я вообще запутался((

автор MakcMay Июнь 22nd 2012, 16:54

СаШоК пишет:хмм... Чёт я вообще запутался((

Вы удалили все что Вам мешало и тем самым убили работу страницы

автор СаШоК Июнь 22nd 2012, 16:57

просто то что там было это мне не нужно. А можно ли всё также убрать, только невредя странице?

автор MakcMay Июнь 22nd 2012, 17:05

СаШоК пишет:просто то что там было это мне не нужно. А можно ли всё также убрать, только невредя странице?

100 % можно, но я не умею :(

автор СаШоК Июнь 22nd 2012, 17:09

Страница для создания тем с заполненной анкетой

Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой

Re: Страница для создания тем с заполненной анкетой