HTML-низ
Свернутый текст
Структура style.css
Свернутый текст
Структура style_cs.css
Свернутый текст
Вспомнить все. |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Вспомнить все. » Гостям. » Людоеды. Зов Крови.
HTML-низ
Структура style.css
Структура style_cs.css
Баннер 88х31
<a href="http://volkludoed.rusff.me/" title=" Людоеды.Зов Крови." target="blank"><img src="http://s3.uploads.ru/rPhks.png"></a>
Таблица
<table border=0 width=100%> <tr> <td align=center> <div style='width:352px;height:79px;padding:1px; padding-bottom:0px;'> <div style='width:350px;height:85px;'> <div style='text-align:center;margin:20px;margin-bottom:0px;font-family:Arial;font-size:9px;padding-bottom:10px;'> <center><a href=ССЫЛКА>НАВИГАЦИЯ</a> | <a href=ССЫЛКА>НАВИГАЦИЯ</a> | <a href=ССЫЛКА>НАВИГАЦИЯ</a></center> <br><center><a href=ССЫЛКА>НАВИГАЦИЯ</a> | <a href=ССЫЛКА>НАВИГАЦИЯ</a></center> </div></div></div> <div style='background-image:url(картинка таблы);width:370px;height:90px;'></div> <div style='width:352px;height:79px;padding:1px;padding-top:0px;'> <div style='width:350px;height:77px;'> <div style='text-align:justify;margin:20px;margin-top:0px;font-family:Arial;font-size:9px;padding-top:20px;'> <center><a href=ССЫЛКА>ОЧЕНЬ ВАЖНАЯ ФИГНЯ</a><br><br> <center><a href=ССЫЛКА>АКЦИЯ</a> | <a href=ССЫЛКА>АКЦИЯ</a></center> </div></div></div> </td> <td align=center> <div style='width:352px;height:79px;padding:1px;padding-bottom:0px;'> <div style='width:350px;height:85px;'> <div style='text-align:justify;margin:10px;margin-bottom:0px;font-family:Arial;padding-bottom:10px;'> <center>ПРИВЕТСТВИЕ И ВСЯКАЯ ТАКАЯ ЕРЕСЬ.</center> </div></div></div> <div style='background-image:url(картинка таблы);width:370px;height:90px;'></div> <div style='width:352px;height:79px;padding:1px;padding-top:0px;'> <div style='width:350px;height:77px;'> <div style='text-align:justify;margin:10px;margin-top:0px;font-family:Arial;font-size:9px;padding-top:20px;'> <center> ТЕКСТ.ТЕКСТ.ТЕКСТ.ТЕКСТ. </center> </div></div></div> </td></tr><tr> <td colspan=2 align=center> <center> <div style='width:745px;height:142px;padding:1px; width:652px;'> <div style='text-align:justify;margin:10px;font-family:Arial;font-size:12px;'> ТЕКСТ.ТЕКСТ.ТЕКСТ.ТЕКСТ. </div></div></div> </center> </td></tr> </table>
Реклама
/*аватар и поля профиля*/ .post-author ul li { background: url(http://s3.uploads.ru/NHTVq.png) 0% 0% repeat-y; padding-left: 24px; padding-right: 20px; width: 184px; color: #425757; } .pa-respect a, .pa-positive a { color: #425757!important ; } .post-author a:hover, .post-author a:focus, .post-author a:active { color: #425757; } /*скрываем ненужные*/ .pa-awards, .pa-gifts, .pa-online { display: none; } /*статус*/ .pa-title {background: transparent !important; height: 32px; line-height: 15px !important; margin-top: -33px !important; position: relative; text-align: center; } .pa-avatar.item2{ background: url("http://s3.uploads.ru/NHTVq.png") transparent !important; position: relative; padding-left: 11px !important; padding-right: 11px !important; line-height: 0px !important; border: none !important; width:206px; text-align: center; } .pa-avatar.item2 img { } .fs-box .pa-avatar.item2 {display: none;} .pa-author { background: url("http://s3.uploads.ru/NihKg.png") 0px 0px repeat-y transparent !important; color: #425757!important; height: 48px; padding-top: 50px !important; text-align: center; line-height: 0px !important; padding-left: 28px !important; padding-right: 24px !important; width: 184px !important; padding-bottom: 0px !important } .pa-author ul li a{ color: #425757!important; } .pa-author ul li a:hover, .pa-author ul li a:focus, .pa-author ul li a:active{ color: #425757!important; } /*первая строка статуса*/ .pa-reg { background: url("http://s3.uploads.ru/NihKg.png") 0px -98px transparent !important; padding-top: 10px !important; } /*последняя строка статуса*/ .pa-time-visit, #profile .pa-posts, .pa-replies { background: url("http://s3.uploads.ru/NihKg.png") 0px -124px transparent !important; height: 60px !important; }
Структура style.css
Структура style_cs.css
Уж не помню что, кажется профиль + поле права
<div style="height:80px; width:107px; top:65px;margin-left:770px;position:absolute;z-index:100; <a target="_blank" href="http://volkludoed.rusff.me/profile.php?id=101"><img src="http://s3.uploads.ru/Dq9VS.gif" title="Дьявол форума." border=0></a> </div> <div style="height:80px; width:107px; top:65px;margin-left:875px;position:absolute;z-index:100; <a target="_blank" href="http://volkludoed.rusff.me/profile.php?id=95"><img src="http://s3.uploads.ru/ifps0.png" title="Лучший персонаж." border=0></a> </div> <div style="height:80px; width:107px;top:144px;margin-left:820px;position:absolute;z-index:100; <a target="_blank" href="http://volkludoed.rusff.me/profile.php?id=2"><img src="http://s3.uploads.ru/HqE3n.png" title="Призрак форума." border=0></a> </div>
Картинки на шапке
Награды
хтмл-верх
<!--Окно наград--> <style> div.AwardAllWindow { width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; top: 0px; left: 0px; } div.AwardWindow { z-index: 9999; position: fixed; top: 10% !important; left: 50% !important; width: 670px; padding: 15px; background: url(http://s1.uploads.ru/H1NhL.png) no-repeat; margin-left: -350px !important; vertical-align: middle; color: #450505; height: 400px; } div.AwardWindow div#closeBtn { cursor: pointer; background: url(http://uploads.ru/i/P/A/l/PAlLS.png) no-repeat center; width: 16px; height: 16px; position: relative; top: 13px; left: 629px; } div.AwardWindow h3 { font-weight: normal; font-size: 18px; margin-top: 3px; margin-bottom: 20px; text-align: center; text-transform: uppercase; font-family: Book Antiqua; text-shadow: black 2px 2px 4px; border-color: #450505 1px dotted; width: 547px; margin-left: 62px; padding-bottom: 7px; } div.AwardWindow div#AwardContent { height: auto; min-height: 100px; max-height: 256px !important; overflow-y: auto; width: 613px; padding: 14px 0px 22px 36px; } div.AwardWindow div#AwardContent td#title { font-size: 12px; width: 200px; text-align: center; padding-right: 20px; font-family: Verdana; font-weight: 100; font-style: italic; } div.AwardWindow div#AwardContent td#desc { font-size: 11px; padding-left: 10px; font-style: italic; } #pun-profile fieldset > span { cursor: pointer; padding: 3px; border: 1px solid #450505; position: relative; top: -10px; margin-bottom: 10px; left: 0px; background-color: #4c4847; border-radius: 3px; } </style> <!--Конец-->
хтмл-низ
<!-- Награды v3.1 by kozhilya --> <div class="AwardAllWindow" style="display: none"><div class="AwardWindow"><div id="closeBtn"></div> <h3>Награды пользователя</h3><div id="AwardContent"></div></div></div> <script> function GetOuterHTML(el) { var Result = '<' + el.localName; for (var i=0; i<el.attributes.length; i++) Result += ' ' + el.attributes[i].nodeName + '="' + el.attributes[i].nodeValue + '"'; Result += '>' + el.innerHTML + '</' + el.localName + '>'; return Result; } function OpenAwards(t) { $('div.AwardAllWindow').fadeIn(1000); $('div.AwardWindow div#AwardContent').html($(t).parent().parent().find('div').html()); $('div.AwardWindow h3').html('Награды пользователя <span>'+ $(t).parent().parent().parent().parent().find('li.pa-author a').text()+'</span>'); } $('div.AwardWindow #closeBtn').click(function() { $('div.AwardAllWindow').fadeOut(1000); }); $('.post li.pa-fld3').each(function() { Result = '<table>'; $(this).find('img').each(function() { var alt = $(this).attr('alt'); var name = alt.substring(0, alt.indexOf('|')); var desc = alt.substring(alt.indexOf('|')+1); Result += '<tr><td id="title"><strong>'+name+'</strong></td><td id="img">'+GetOuterHTML(this)+'</td><td id="desc">'+desc+'</td></tr>'; }); Result += '</table>'; $(this).html('<span><a href="#" onclick="OpenAwards(this); return false;">Награды</a></span><div style="display: none">'+Result+'</div>'); }); $('#pun-profile fieldset').each(function() { if ($(this).find('legend span').text() == 'Награды') { var h = '<table style="display: inline;">'; $(this).find('p.checkfield').each(function() { var alt = $(this).find('img').attr('alt'); var name = alt.substring(0, alt.indexOf('|')); var desc = alt.substring(alt.indexOf('|')+1); h += '<tr><td><p class="checkfield">' + $(this).html() + '</p></td><td>Награда: <strong>'+name+'</strong><br>Описание: <strong>'+desc+'</strong></td></tr>' }); $(this).find('div.fs-box').html(h); $(this).find('div.fs-box').css({'display':'none'}); $(this).find('legend').after('<span onclick="$(this).parent().find(\'div.fs-box\').toggle(1000);">Выставить награды</span>'); }}); </script> <!--Конец-->
Вы здесь » Вспомнить все. » Гостям. » Людоеды. Зов Крови.