Благодарим за выбор нашего сервиса!
Тестовое сообщение
Сообщений 1 страница 30 из 104
Поделиться22011-07-19 12:43:30
gggggggggggggggg
Поделиться32011-07-19 12:43:44
fffffffffffffffffffffffffffffffffffff
Поделиться42011-08-06 19:35:36
jkjkjkj
Поделиться102011-08-10 18:38:47
текст
Поделиться112011-08-10 20:37:53
текст
Поделиться122011-08-12 18:02:02
текст
Поделиться132011-08-20 20:57:51
текст
Поделиться142011-08-28 11:23:04
текст
Поделиться152011-08-30 05:56:24
ntrcn
Поделиться162011-09-01 22:58:29
текст
Поделиться172011-09-01 23:23:47
Вы нам вопрос, мы Вам ответ. Не стесняйтесь, разуваться не надо. Мы тут все свои, гостей очень любим! (на завтрак, обед и ужин)
<br><span class="link"><a class="menu" href="http://coldesert.f-rpg.ru/viewtopic.php?id=13">Занятые внешности</a> <a class="menu" href="http://coldesert.f-rpg.ru/viewtopic.php?id=16">Шаблон анкеты</a><a class="menu" href="http://coldesert.f-rpg.ru/viewtopic.php?id=14">Вопросы</a><a class="menu" href="http://coldesert.f-rpg.ru/viewtopic.php?id=15">NPC</a></span>
Поделиться182011-09-02 06:28:21
текст
Поделиться192011-09-05 07:27:28
текст
Поделиться202011-09-05 21:50:26
<div id="html-footer" class="section">
<div class="container"><!-- Переключение вкладок -->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
<!-- Конец переключения вкладок -->
<script type="text/javascript">
function addSpoiler_img(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[myimg]",from))==-1) return str;
if((pos2=str.indexOf("[/myimg]"),pos+8)==-1) return str;
newpos=str.indexOf("[myimg]",pos+8)
if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+8,true)
if((pos2=str.indexOf("[/myimg]",pos+8))==-1) return str;
txt = str.substring(pos+7,pos2);
if((sepPos=txt.indexOf("|",0))==-1) return str;
str=str.substring(0,pos)+makeSpoilerr_img(txt.substring(0,sepPos),txt.substring(sepPos+1,txt.length))+str.substring(pos2+8,str.length)
if( str.indexOf("[myimg]")!=-1 && internal==false) str=addSpoiler_img(str,0,false)
return str
}
function makeSpoilerr_img(txt1,txt2){
txt='<img class="postmyimg lightbox-enabled" src="'+txt1+'" alt="'+txt2+'">';
return txt;
}
if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler_img(post.innerHTML,0,false)}}
<script type="text/javascript">
$(document).ready(function(){
$('.postmyimg').lightbox();
});
</script>
<script type="text/javascript">
function addSpoiler_img(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[myimg]",from))==-1) return str;
if((pos2=str.indexOf("[/myimg]"),pos+8)==-1) return str;
newpos=str.indexOf("[myimg]",pos+8)
if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+8,true)
if((pos2=str.indexOf("[/myimg]",pos+8))==-1) return str;
txt = str.substring(pos+7,pos2);
if((sepPos=txt.indexOf("|",0))==-1) return str;
str=str.substring(0,pos)+makeSpoilerr_img(txt.substring(0,sepPos),txt.substring(sepPos+1,txt.length))+str.substring(pos2+8,str.length)
if( str.indexOf("[myimg]")!=-1 && internal==false) str=addSpoiler_img(str,0,false)
return str
}
function makeSpoilerr_img(txt1,txt2){
txt='<img class="postmyimg lightbox-enabled" src="'+txt1+'" alt="'+txt2+'">';
return txt;
}
if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler_img(post.innerHTML,0,false)}}
</script>
<script type="text/javascript">
defaultPict = "http://www.imagepost.ru/images/379/egtqOklwUR....png"
var arr=document.getElementsByTagName("ul")
i=1
while(arr[++i]){
str=arr[i].innerHTML
if(str.indexOf("pa-avatar")==-1) {
q=str.toLowerCase()
if((pos=q.indexOf("<li class=pa-from>"))!=-1 || (pos=q.indexOf("<li class=\"pa-from\">"))!=-1 || (pos=q.indexOf("<li class=pa-reg>"))!=-1 || (pos=q.indexOf("<li class=\"pa-reg\">"))!=-1){
nstr =str.substring(0,pos)
nstr+="<li class=\"pa-avatar item2\"><img src="+ defaultPict +" alt=\"Аватар\" /></li>"
nstr+=str.substring(pos)
arr[i].innerHTML=nstr
}}}
</script>
<script language="JavaScript">
var str = new String(document.getElementById("navpm").innerHTML)
var str2 = new String(document.location)
if( (str.indexOf("(") != -1) && (str2.indexOf("messages.php") == -1) )
{
alert("У Вас есть непрочитанные личные сообщения")
}
</script>
Поделиться212011-09-28 19:22:57
текст
Поделиться222011-11-26 18:51:45
текст
Поделиться232011-11-26 19:51:35
текст
Поделиться242011-11-26 20:03:16
<style>
#paginator {
opacity: 0.9;
position: absolute;
left: 55px;
z-index: 1000;
filter: alpha(opacity=90);
text-shadow: 0 1px 0 #000;
background-color: #61bde7; /* фон блока пагинатора */
border: 2px solid #59add4; /* цвет границы блока */
table-layout: auto !important;
width: auto !important;
background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
-moz-border-radius: 4px;
border-radius: 4px;
khtml-border-radius:4px;
-webkit-border-radius:4px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
#paginator td {
padding: 0.1em;
border-style: none;
}
#pnav:hover {
background: black; /* фон цифры при наведении курсора */
color: lime; /* цвет цифры при наведении курсора */
-moz-border-radius: 9000em;
border-radius: 9000em;
khtml-border-radius:9000em;
-webkit-border-radius:9000em;
}
</style>
Поделиться252011-11-26 22:07:28
Технология строительных процессов: Учебник для вузов по специальности «Промышленное и гражданское строительство» - М., 2007. С.8-9. Автор рассматривает основы технологии строительного производства. Показана прямая взаимосвязь информационных и материальных процессов продуктивной деятельности человека. Большое внимание обращается на многофакторность и специфические особенности строительного производства. автор акцентирует внимание на значимость правильной организации строительных процессов для получения качественной строительной продукции. Статья может представлять интерес для студентов учебных заведений - будущих специалистов в области строительства.
Поделиться262011-12-17 21:23:31
Текст "Строительные процессы" относиться к научно-учебному стилю. Для него характерны информативная объективность и точность, строгость и простота, без эмоциональность и официальный характер изложения, логическая последовательностью изложения и стремлением автора к сжатости, однозначности при сохранении насыщенности содержания. В статье выводы вытекают из содержания, они непротиворечивы, текст разбит на отдельные смысловые отрезки, отражающие движение мысли от общего к частному. Также в тексте широко употребляются специальные термины, клише, строгая классификация, активное введение и многокомпонентные сочетания, синонимичные целым предложениям (например: В строительных процессах участвуют рабочие, используются технические средства (орудия труда), с помощью которых из материальных элементов (предметов труда) создается строительная продукция.). Статья адресована будущим специалистам и учащимся, с целью описать факты, необходимые для овладения материалом, поэтому факты, изложенные в тексте, и примеры приводятся типовые. Такой стиль изложения характерен для учебников, учебных пособий, лекций и т. д. Таким образом, исходя из всего вышеперечисленного можно заключить что текст "Строительные процессы" также относиться к научно-учебному подстилю.
Поделиться272012-01-08 23:35:44
Структура style.css
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0} /* A2.2 */ .punbb * { margin: 0 } /* A2.3 */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; } /* A2.4 */ .punbb img { border:none } /* A2.5 */ .punbb .main table { table-layout: fixed; width: 100%; } /* A2.6 */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} /* A2.7 */ p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 15px; } /* A3.2 */ .punbb { font: normal 68.75% verdana; } /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; } /* A3.6 */ .punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: italic } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 */ .punbb a { text-decoration: underline } /* A3.11 */ .punbb optgroup { font-weight: bold; } /* A4 Float clearing and hidden items -------------------------------------------------------------*/ /* A4.1 */ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } /* A4.2 */ .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 */ #pun { margin: 0px; position: relative; width: 970px; margin: auto; } /* A5.2 */ .punbb { margin-left: 80px; position: top center; float: none; width:770px; height: auto; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: auto; float: none; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.4em; } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* 5.7 */ #pun-post .topic { margin-top: 1em; } /* A5.8 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-style: none none solid none; border-width: 0px 0px 2px 0px } /* A5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.5em 1em; border-style: none solid solid none; border-width: 0 1px 1px 0; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; } /* B1.2 */ .punbb .post-sig dt { display: block; border-top: 1px solid #888; width: 250px; margin: 5px 0; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0 0 1em 0; line-height: 150%; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 1em; border-style: solid; border-width: 1px; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 0.7em; font-size: 1.1em; font-weight: bold; font-style: normal; margin: 0; } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } /* B3.2 */ .multipage { margin-top: 3em; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -4em; left: 1em; width: 24em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; font-weight: bold; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* B3.6 */ .linksb .pagelink { float: left; width: 24em; text-align: left; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; font-weight: bold } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* C1.2 */ .punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; } /* C1.3 */ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 } /* C1.4 */ .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0 } /* C1.5 */ .punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1.1em } /* C1.6 */ .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; } /* C1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* C1.8 */ .punbb .fs-box { padding: 1em 0 0.8em 0; } /* C1.9 */ .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0 } /* C1.10 */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } /* C1.11 */ .punbb .inline .infofield { clear:both } /* C1.12 */ .punbb .datafield br { display: none } /* C1.13 */ .punbb .required label, .punbb .datafield span.input { font-weight: bold } /* C1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; } /* C1.17 */ .punbb .hashelp { position: relative; } /* C1.18 */ .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } /* c1.19 */ .punbb #profile .helplinks { top: 1.5em; } /* C1.20 */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* C1.21 */ #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 50%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; text-align: left; width: 30%; } /* C2.4 */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40% } /* C2.5 */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; } /* C2.6 */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { width: 90%; white-space: normal; } /* C2.8 */ #pun-index .tcl h3 { font-size: 1.2em; font-weight: bold; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: block; padding-top: 0.3em } /* C2.11 */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 1em; } /* C2.12 */ .punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0 } /* C2.14 */ .punbb tbody.hasicon td.tcl { padding-left: 3.2em } /* C2.15 */ .punbb div.icon { border-style: solid; border-width: 0.6em 0.6em 0.6em 0.6em; height: 0; line-height: 0.0; margin-top: 0.1em; width: 0; } /* C2.16 */ .punbb table div.icon { font-size: 1.05em; position: absolute; margin-left: -2.2em; } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 */ .punbb .post h3 span { padding: 0.5em 1em; display: block; margin-left: 19em; border-left-style: solid; border-left-width: 1px } /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 */ .punbb .post .post-author { float: left; width: 19em; margin-top: -1.5em; overflow: hidden; } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0 1em 1em 1em; line-height: 140%; } /* C3.7 */ .pa-author { font-size: 1.1em; font-weight: bold; } /* C3.8 */ .pa-author a { text-decoration: none } /* C3.9 */ li.pa-title { padding-bottom: 0.4em; font-weight: bold; } li.pa-online { line-height: 0.8em; border-left-style: solid; border-left-width: 0.7em; padding-left: 0.4em; margin-top: 0.7em; } /* C3.11 */ .punbb .post-body { margin-left: 19em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; border-top-style: dashed; border-top-width: 1px; background: transparent; text-align: right; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* C3.17 */ .pl-email, .pl-website { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding: 0.5em 1em; text-align: right; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 0.8em 1em } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 18.6em; } /* C6.2 */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* C6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; border-style: solid solid none solid; border-width: 1px 1px 0 1px; margin-left: -10px; } /* D1.2 */ #pun-title h1 { display : block; height: 0px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none solid none solid; } /* D1.4 */ #pun-title h1 span { font-size: 1.5em; } #pun-title table { border: none; height: 0px; margin-left: -110px; width: 1050px; height: 406px; } #pun-title td.title-logo-tdl { border: none; width: 100%; } #pun-title td.title-logo-tdr { border: none; width: 420px; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: 0px; display: block; float:left; width: 100%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks, #pun-navlinks .container { border-style: none; border-width: 0; margin: 0; } /* D3.2 */ #pun-navlinks .container { padding: 0.7em 1em; } /* D.3 */ #pun-navlinks li { display: inline; padding-right: 1em; } /* D3.4 */ #pun-navlinks li a { font-size: 1.1em; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { margin-top: 1; } /* D4.2 */ #pun-ulinks .container { border-top: none; padding: 0.7em 1em; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border-left-style: solid; border-left-width: 1px; white-space: nowrap; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.3em 0 0.6em } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0 } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 1.1em; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 4.3em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0.8em 1em } /* D7.2 */ #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } /* D7.3 */ #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; } /* D7.4 */ li#onlinelist { margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* D8.2 */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* D8.3 */ #pun-about { margin-top: 0; } /* D8.4 */ #pun-about .container { border-top-style: none; text-align: right; line-height: 150%; padding: 0.8em 1em; } /* D8.5 */ #pun-about p span { display:block; padding-left: 50%; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 1.1em; } /* D8.8 */ #pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } /* D9.2 */ #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; } /* D9.3 */ #pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em } /* D9.4 */ #pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em } /* D9.5 */ #pun-help .formal li { padding: 0; line-height: 130% } /* D9.6 */ #pun-help .formal li * { vertical-align: text-top } /* D9.7 */ #pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* D9.8 */ #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; }
Структура style_cs.css
/* CS1 Background and text colours ------------------------------------------------------------- */ div#pun-navlinks { position: absolute; margin-top: -40px; margin-left: 80px; text-align: center; } div#pun-ulinks { font-family: Times New Roman; font-size: 14px; position: absolute; margin-top: -20px; margin-left: 50px; text-align: center; } #pun-title table {background-image : url("http://xmage.ru/images/jkjkj2iqi.png");} body {background-color: #000; background-image : url(""); background-repeat: repeat; background-position : top center;} #pun { background-image : url("http://xmage.ru/images/jkjkj233.png"); background-repeat: repeat; background-position : center;} .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {background-color: transparent; color: #452a11;} #pun-status .container, #pun-crumbs1 .container {color: #452a11; } #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 300px; top: 0px } #pun-crumbs2.section .crumbs {display: none; } #pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div { background-color: transparent; color: #452a11; font-weight: bold; font-style: normal;} .punbb .quote-box, .punbb .code-box { background-image: url(); color: #452a11; text-shadow: 0px 0px 1px #000c; border-radius:20px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } #pun-navlinks .container, #pun-ulinks .container { background-color: transparent; color: #452a11; text-align: center;} .offline li.pa-online strong { color: #452a11; font-weight: normal} .punbb textarea, .punbb select, .punbb input { background-color: transparent; color: #452a11;} /* CS2 Border colours -------------------------------------------------------------*/ .punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;} .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent;} #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent;} #pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{ color: transparent;} .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color:transparent;} .punbb th { border-color: transparent;} .punbb .quote-box, .punbb .code-box { border-color: transparent;} #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent;} #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent;} .punbb .divider { border-color: transparent;} .punbb .formal fieldset .post-box, .punbb .info-box { border: transparent} li.pa-online { border-left-color: transparent;} .punbb .post-sig dt { border-top-color: transparent !important;} /* CS3 Links -------------------------------------------------------------*/ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #452a11; border-bottom: 0px none #403a31; text-decoration: none;} .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #452a11;} .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #452a11; border-bottom: 0px none #403a31; text-decoration: none;} #pun-navlinks a { color: #452a11; border-bottom: 0px none #403a31; text-decoration: none;} #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #452a11; font-weight: normal; font-style: normal; border-bottom: 0px none #403a31; text-decoration: none;} #pun-pagelinks a:active, #pun-pagelinks a:focus { color: #452a11;} /* CS4 Something parts -------------------------------------------------------------*/ #pun .section {border-style: none; } #pun .tc2, #pun-main .post-author ul {text-align: center;} /* CS5 Post categorys -------------------------------------------------------------*/ #pun-category1.category h2 { background-image : url("http://xmage.ru/images/18yfy.png"); border: none; color: none; width: 700px; height: 70px; margin-left: 40px; } #pun-category2.category h2 { background-image : url("http://xmage.ru/images/20.png"); border: none; color: none; width: 700px; height: 70px; margin-left: 40px; } #pun-category3.category h2 { background-image : url("http://xmage.ru/images/21hrh.png"); border: none; color: none; width: 700px; height: 70px; margin-left: 40px; } #pun-category4.category h2 { background-image : url("http://xmage.ru/images/23zvz.png"); border: none; color: none; width: 700px; height: 70px; margin-left: 40px; } #pun-category5.category h2 { background-image : url("http://xmage.ru/images/24sss.png"); border: none; color: none; width: 700px; height: 70px; margin-left: 40px; } #pun-category6.category h2 { background-image : url("http://xmage.ru/images/25.png"); border: none; color: none; width: 700px; height: 70px; margin-left: 40px; } #pun-category7.category h2 { background-image : url("http://xmage.ru/images/26dkd.png"); border: none; color: none; width: 700px; height: 70px; margin-left: 40px; } /* CS7 Post status icons and other options ------------------------------------------------------------*/ #pun-announcement.section h2 span {display: none; } .blockquote, .blockcode, .scrollbox, pre {border:none; } #pun-about p.container {background-color: #; background-image : url(http://xmage.ru/images/dfdfffddf.png); margin-left: -131px; background-position : center top; background-repeat : no-repeat; width: 1050px; height : 327px; } div#html-footer { margin: -20px 0px 0px 0px;} div#pun-about { margin-bottom: -100px; }
HTML-верх
<style> #pun-navlinks #navawards{display:none;} </style> <style> .punbb table Div.icon {float: right; display: block; width: 70px; height: 71px; border-style: none; background-image: url(http://xmage.ru/images/16whw.png); background-repeat: no-repeat; position: relative;} .punbb table div.inew {background: url(http://xmage.ru/images/17kdk.png) no-repeat;} TR.isticky Div.icon {background: url(http://xmage.ru/images/17kdk.png) no-repeat;} TR.iclosed Div.icon {background: url(http://xmage.ru/images/17kdk.png) no-repeat;} </style> <style type="text/css"> .punbb td div.tclcon { padding-right: 60px; } div#pun-ulinks { position: center; } </style> <style type="text/css"> .lastedit {display: none; } </style> <style type="text/css"> #pun-title .title-logo span {display: none;} </style> <link rel="shortcut icon" href="http://xmage.ru/images/lfkdlfkfd.png" type="image/x-icon"> <style> #pun-navlinks #navawards{display:none;} </style>
HTML-низ
<script type="text/javascript"> var nrisunok="https://forumupload.ru/uploads/0000/0a/f2/68797-1.gif"; if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1)) { document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML; }; </script> <script type="text/javascript"> function select_text(elem) { if(window.getSelection) { var s=window.getSelection(); if(s.setBaseAndExtent){ s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1); } else { var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } } else if(document.getSelection){ var s=document.getSelection(); var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } else if(document.selection){ var r=document.body.createTextRange(); r.moveToElementText(elem); r.select(); } } </script> <script type="text/javascript"> var div = document.getElementById('pun-main').getElementsByTagName('div'); for(x in div){ if(div[x].className=='code-box'){ div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>'; } } </script> <script> <!-- indexof="<img src='http://xmage.ru/images/1hmh.png' >" str = document.getElementById("navindex").innerHTML pos = str.indexOf("Форум") document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- userof="<img src='http://savepic.su/1096869.png' >" str = document.getElementById("navuserlist").innerHTML if( (pos=str.indexOf("Участники")) != -1 ) document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- findof="<img src='http://xmage.ru/images/3nin.png' >" str = document.getElementById("navsearch").innerHTML pos = str.indexOf("Поиск") document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- faseof="<img src='http://xmage.ru/images/4mfm.png' >" str = document.getElementById("navprofile").innerHTML pos = str.indexOf("Профиль") document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1) --> </script> <script> <!-- pismaof="<img src='http://xmage.ru/images/5xwx.png' >" str = document.getElementById("navpm").innerHTML pos = str.indexOf("Сообщения") document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- godof="<img src='http://xmage.ru/images/6nin.png' >" str = document.getElementById("navadmin").innerHTML pos = str.indexOf("Администрирование") document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1) --> </script> <script> <!-- valiof="<img src='http://xmage.ru/images/7jej.png' >" str = document.getElementById("navlogout").innerHTML pos = str.indexOf("Выход") document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- vxodiof="<img src='http://xmage.ru/images/8lvl.png' >" str = document.getElementById("navlogin").innerHTML pos = str.indexOf("Войти") document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- regof="<img src='http://xmage.ru/images/9qrq.png' >" str = document.getElementById("navregister").innerHTML pos = str.indexOf("Регистрация") document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1) --> </script> <style>.Myimge {position:absolute;margin-top: 0px;}</style> <script type="text/javascript"> PiarNik="PR"; PiarPas="1111"; var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\ <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\ <fieldset>\ <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\ <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\ <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\ <input type=\"submit\" class=\"button\" name=\"login\"/>\ </fieldset>\ </form>\ </div>\ <span id=spMyimg><img class=\"Myimge\" title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://xmage.ru/images/27ehe.png\" onmouseover=\"this.src='http://xmage.ru/images/27ehe.png' \" onmouseout=\"this.src='http://xmage.ru/images/27ehe.png'\" /></span>"; if($("#navlogin").html()!=null){ $("#navlogin").append(L) //navlogin $("#PR_loginDiv #fld1").val(PiarNik) $("#PR_loginDiv #fld2").val(PiarPas) function PiarIn () {$("#PR_loginDiv input[type='submit']").click();} } </script> <style> #button-spoiler {background-image:url('https://forumupload.ru/uploads/0000/12/13/488-1.gif'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%} </style> <script type="text/javascript"> function tag_spoiler(){ var y = prompt("Введите описание закрытой кнопки",''); if(y!='null' && y!='' && typeof(y)!='object' && typeof(y)!='undefined'){ var x = prompt("Введите описание открытой кнопки",''); if(x=='null' || x=='' || typeof(x)=='object' || typeof(x)=='undefined') bbcode('[spoiler='+y+']','[/spoiler]'); else bbcode('[spoiler='+y+'|'+x+']','[/spoiler]');} else bbcode('[spoiler]','[/spoiler]') } function addSpoiler(str,from,internal){ var pos=0,pos2=0,pos_c=0,pos_l=0,newpos=0,string='',close='',open=''; if((pos=str.indexOf("[spoiler",from))==-1) return str; if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str; if(((pos_c=str.indexOf("]",pos+8))!=-1) && ((pos_c!=pos+8)&&(pos_c!=pos+9))){ string = str.substring(pos+9,pos_c); if((pos_l = string.indexOf("|"))!=-1){ close = string.substring(0,pos_l); open = string.substring(pos_l+1,string.length); } else{ close = string; open = string; } } else{ close = 'Показать спойлер'; open = 'Скрыть спойлер'; } newpos=str.indexOf("[spoiler",pos+9) if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true) if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str; str=str.substring(0,pos)+makeSpoiler(str.substring(pos_c+1,pos2),open,close)+str.substring(pos2+10,str.length) if( str.indexOf("[spoiler")!=-1 && internal==false) str=addSpoiler(str,0,false) return str; } function makeSpoiler(txt,open,close){ txt='<div class="quote-box" style="padding:1px;background: none; border: 0;"><cite style="width:100%;margin:0;"><input id="'+open+'" class="spoiler-button" style="width:140px;font-size:10px; margin:0;" type="button" value="'+close+'"></cite><blockquote class="quote-box" style="display:none; width: 80%;border: 1px solid black;margin:0;">'+txt+'</blockquote></div>' return txt; } $(document).ready(function(){ $("div.quote-box > cite > input.spoiler-button").click(function(){ $(this).parents("div.quote-box:first").find("blockquote.quote-box:first").toggle("slow"); var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a); }); }); if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){ elm=document.getElementById("pun-main").getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content"){ var post=elm[x] post.innerHTML=addSpoiler(post.innerHTML,0,false) } } if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(16).innerHTML="<img id=\"button-spoiler\" title=\"Спойлер\" onclick=\"tag_spoiler('[spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />" </script> <script type="text/javascript"> li=document.getElementsByTagName("li") f=0 while(li[++f]){ s=li[f].innerHTML if((p=s.indexOf("Новые сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://xmage.ru/images/10www.png'>"+s.substring(p+15) else if((p=s.indexOf("Активные темы")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://xmage.ru/images/11xgx.png'>"+s.substring(p+13) else if((p=s.indexOf("Темы без ответов")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://xmage.ru/images/12yqy.png'>"+s.substring(p+21) else if((p=s.indexOf("Мои сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://xmage.ru/images/13hrh.png'>"+s.substring(p+13) else if((p=s.indexOf("Подписка")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://xmage.ru/images/14dqd.png'>"+s.substring(p+8) else if((p=s.indexOf("Все прочитано")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://xmage.ru/images/15sks.png'>"+s.substring(p+13) } </script>
Объявление
<style>#slideshow { margin:0 auto; width:600px; height: 200px; position:relative; line-height: 10px; } #slideshow #slidesContainer { margin:0 auto; width:600px; height: 200px; overflow:auto; /* allow scrollbar */ position:relative; } #slideshow #slidesContainer .slide { margin:0 auto; width:500px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:300px; } /** * Slideshow controls style rules. */ .control { display:block; width: 100px; height: 163px; text-indent:-10000px; position:absolute; cursor: pointer; } #leftControl { top: 45px; left: -70px; background:transparent url(http://xmage.ru/images/2dcd.png) no-repeat 0 0; } #rightControl { top: 45px; right: -90px; background:transparent url(http://xmage.ru/images/2dcd.png) no-repeat 0 0; } /*Style rules for Demo page */ * { margin:0; padding:0; } .slide h2, .slide p { margin:15px; } .slide h2 { letter-spacing:-1px; } .slide img { float:right; margin: 40px 40px; } </style> <script type="text/javascript"> $(document).ready(function(){ var currentPosition = 0; var slideWidth = 600; var slides = $('.slide'); var numberOfSlides = slides.length; // Remove scrollbar in JS $('#slidesContainer').css('overflow', 'hidden'); // Wrap all .slides with #slideInner div slides .wrapAll('<div id="slideInner"></div>') // Float left to display horizontally, readjust .slides width .css({ 'float' : 'right', 'width' : slideWidth }); // Set #slideInner width equal to total width of all slides $('#slideInner').css('width', slideWidth * numberOfSlides); // Insert controls in the DOM $('#slideshow') .prepend('<span class="control" id="leftControl">Clicking moves left</span>') .append('<span class="control" id="rightControl">Clicking moves right</span>'); // Hide left arrow control on first load manageControls(currentPosition); // Create event listeners for .controls clicks $('.control') .bind('click', function(){ // Determine new position currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1; // Hide / show controls manageControls(currentPosition); // Move slideInner using margin-left $('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) }); }); // manageControls: Hides and Shows controls depending on currentPosition function manageControls(position){ // Hide left arrow if position is first slide if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() } // Hide right arrow if position is last slide if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() } } }); </script> <div style="width: 600px; height:200px; text-align: justify; border: none; font-family: arial; font-size: 11px; line-height: 2px; color: #452a11; margin: 1px; position: inherit; margin-left: 90px; top: 0px; "> <div id="pageContainer"> <!-- Slideshow HTML --> <div id="slideshow"> <div id="slidesContainer"> <div class="slide"> <p> <center><b>BEST POST</b></center> <br><center><b>VINCENT GOYLE</b></center> <br><div style="overflow: scroll; overflow-x: hidden; height:140px;"><center> <br>Студенты во все уши слушали монолог Элеоноры, лишь некоторые стояли, скептически скрестив руки на груди или лениво зевая, мысленно отсчитывая секунды, требующиеся Вудхаус для вступительной речи. Винс стоял в самом первом ряду, однако Элеоноре все равно потребовалось пройти вперед, чтобы остановиться прямо перед ним. Так как Гойл отличался высоким ростом, а также догадливостью, он услужливо нагнулся чуть вперед, чтобы девушка, привстав на мысочки, могла дотянуться до его уха и что-то сказать. Ее слова не то, чтобы позабавили - они пробудили в нем некоторое возбуждение, задор, предвкушение. <b>- Ууу, -</b> протянул гриффиндорец, слегка прищурившись глядя на темноволосую девушку, <b>- у меня поджилки затряслись. </b>- Винсент поежился как будто ему было очень-очень страшно от присутствия Элеоноры, но он вскоре выпрямился и с торжествующей улыбкой заметил. <b>- О, нет, -</b> парень наклонил голову набок, <b>- это от холода.</b> Все это время он неотрывно смотрел темноволосой в глаза, ожидая следующей атаки, но Вудхаус лишь расплылась в улыбке и, развернувшись, заняла свое прежнее место "предводителя". Студент поднял голову, выпрямляясь и следя за каждым движением слизеринки, за поворотом ее головы, за тем, как ветер подхватывает пряди ее кудрявых волос и колышет их в воздухе. На долю секунды он представил, как Элеонора выхватывает волшебную палочку из кармана своей новой зимней мантии и, поворачиваясь к нему, выкрикивает какой-то сглаз или проклятие. Но нет, шестикурсница только театрально провозгласила: - <u>Ребята, мы можем идти, Гойл нам позволил,</u> - поймав на себе взгляд слизеринки, Винс мастерски изобразил почтительный реверанс и протянул руку с раскрытой ладонью вперед, указывая на Запретный Лес. Он готов идти, ты готова идти, так не пора бы уже открыть бутылки и включить музыку? Студенты, юноши и девушки, тронулись с места и вошли в Запретный Лес. Винсент сразу же нагнал Вудхаус, для этого ему потребовалось всего пара больших шагов, чтобы поравняться с ней и дальше уже идти спокойным темпом. И хотя Гойл предполагал что его компания не слишком развеселит слизеринку, столь бурной встречи он не ожидал (пусть и был приятно удивлен): - <u>Винсент, черти тебя дери, почему ты всё еще жив!?</u> - парень удивленно изогнул левую бровь, продолжая смотреть на темноволосую спутницу. Та было попыталась обогнать его и оставить одного, плетущегося позади, но все попытки Винс с легкостью пресекал, то выходя вперед, прямо перед Элеонорой, то просто ловко прибавляя размерность шагу. <b>- Не ругайся по-маггловски, Вудхаус, и, да, чтобы докучать тебе каждый-каждый день, ненаглядная моя, - </b>губы гриффиндорца дернулись, и он вскоре улыбнулся краем рта, хоть и пытался всячески подавить в себе эту улыбку. Винсент быстро перешел от милой беседе к старым подколам, пытаясь раззадорить своими комментариями не только себя (уж в собственном отменном юморе Винс не сомневался - могли сомневаться другие), но и мисс Вудхаус. Однако на любое его заявление или острое словцо, девушка, ловко отбившись, предпочитала переходить к контрнаступлению. Вот и сейчас, воспользовавшись минутной заминкой Винса, она взяла инициативу в свои руки и колко отметила наряд собеседника, на что тот обиженно пролепетал: <b>- Хэээй, этот свитер связала мне моя бабуля!</b> - его возмущению не было предела. Наипрекраснейший свитер его, который был ужасно теплым и грел даже в самые страшные морозы, только что оклеветала какая-то выскочка. Гойл просунул руку под куртку и погладил ворс.<b> - Тсс, она не хотела тебя обидеть, -</b> пропел он тоном, которым братья обычно успокаивают своим младших обидевшихся сестер, <b>- она просто завидует, что тебя у нее нет.</b> - Винс сглотнул и снова выпрямился, запихивая руки в карманы мантии, да благо не успел и смог выставить руки вперед когда споткнулся, иначе все закончилось бы крайне плачевно для его носа и Поттеру пришлось бы рассказывать байку о том, как он вступил в неравный бой с кентавром и в конце концов отделался шоком, да кровоточащим сломанным носом. Оттолкнувшись от дерева, Гойл сразу же услышал едкое замечание Элеоноры. - <u>Вот видишь, Винсент, там наверху кто-то есть, и ты ему явно не нравишься. Зато ему определённо нравлюсь я,</u> - Винс уже выпрямил руку, чтобы толкнуть девушку в плечо и отправить ее в сугроб, вот только она отвернулась и прибавила шагу, отчего рука Винса уперлась в колючий можжевельник покрытый снегом, и парень зашипел от боли. Когда же Вудхаус обернулась на звук, Гойл только натянул на лицо тошнотворную улыбку, плотно сжав губы. Пока студенты пробирались в лес стояла практически мертвая тишина, кто-то шепотом переговаривался, словно страшась нарушить заколдованное молчание Запретного Леса и ненароком не навлечь на себя лишних бед, слышалось похрустывание при каждом шаге, но ни криков, ни ругани, ни громких напевов. Побеспокоить мрачный лес нельзя было ни в коем случае, ведь не зря профессора пугали детей с первого курса ужасными историями о здешних местах. Повышение голоса было богохульством, но все прекрасно понимали, что стоит им найти подходящее место для задуманного мероприятия, как запрету придет конец. Студенты начнут кричать, веселиться, заиграет музыка, которая либо спугнет жителей леса либо привлечет. Винсент практически не переставая думал об этом, но азарт в его крови согревал получше любого виски и подгонял идти быстрее. И все же из его сомнений быстро вывел женский голос: - <u>Эйприл, на – согрейся!</u> - Винс резко повернулся к Доре и перехватил бутылку. <b>- С ума сошла, Беллинджер, опомнись.</b> - он непонимающе уставился на однокурсницу, наивно полагая что все более старшие дети должны присматривать за теми, кто младше и неопытнее, а уж точно не спаивать и не предлагать алкоголь как отличное средство от холода или стресса. Проследив за местоположением юной Нотт, Гойл специально переложил бутылку в правую руку, чтобы при случае успеть поднять ее верх, если кто-то из младшекурсников (или мисс Вудхаус) попытаются выхватить у него виски. Винсент успел только заметить впереди отличную поляну, как вдруг за спиной послышался требовательный тонкий возглас, голос определенно принадлежал еще совсем девочке: - <u>Кыш в сторону,</u> - грозно сказала ученица, и Гойл смог лишь ошарашенно переспросить. <b>- Ч-чего?.. -</b> не успел Винс толком обернуться на голос, как его бесцеремонно оттолкнули в сторону и он, влетев в Элеонору и Пандору, заплелся в своих длинных ногах и рухнул в сугроб, который, будто его потревожили после долго приятного сна, захрустел и смялся под весом гриффиндорца. Выпивка расплескалась, и Винсент, откинув бутылку, с отвращением посмотрел на облитую руку. Поднявшись на ноги парень протер ладонь снегом и возобновил шаг, практически сразу же нагнав отошедших. Как только он подошел сбоку к Нотт (фамилию он расслышал исключительно из разговора Пандоры и Вудхаус), Винс, продолжая увлеченно рассматривать руки, резко выпрямил правую и с силой толкнул девчонку в плечо, чего хватило, чтобы она потеряла равновесие. Правда Гойл продолжал идти себе дальше, словно его и не волновала похожая учесть младшекурсницы. <b>- А разве не ты - главный зачинщик и Королевна Сия мероприятия?</b> - подходя к Беллинджер и Элеоноре, поинтересовался Винс. Он, наконец, очистил руку и теперь мог запихнуть пальцы обратно в карманы, чтобы хоть как-то согреть окоченевшие конечности. - <u>Можно во что-то поиграть.</u> – послышалось предложение Пандоры, на которое Винсент только фыркнул, обводя всех остальных взглядом. <b>- Ну да, в "кто больше выпьет" или "кто быстрей нажрется", - </b>повернувшись обратно к девушкам, Гойл снова попытался достучаться до их разума своими предложениями. <b>- Не следует разжигать огонь, чтобы никого ненужного не привлечь, я смогу наложить оглушающие защитные чары на периметр всего поля, -</b> парень в очередной раз осмотрелся, словно искал кого-то в темноте, скрывающегося прямо за массивными стволами деревьев. <b>- Безопасность превыше всего, разве нет? -</b> полюбопытствовал Винс улыбаясь и смотря то на Пандору, то на Элеонору и обратно.</center></div></p> </div> <div class="slide"> <p> <table width="90%" border="0"> <tr><td width="50%"> <center><b>ACTIONS</b></center> <center><br><a href=http://hogwartsmore.f-rpg.ru/viewtopic.php?id=29>action #1. new generation</a> <br><a href=http://hogwartsmore.f-rpg.ru/viewtopic.php?id=30>action #2. teachers</a> <br><a href=http://hogwartsmore.f-rpg.ru/viewtopic.php?id=33>action #3. our lovely students</a> <br><a href=http://hogwartsmore.f-rpg.ru/viewtopic.php?id=34>action #4. need you</a> <br><a href=http://hogwartsmore.f-rpg.ru/viewtopic.php?id=60>action #5. we remember you</a> </center> <br><center>----------------------------------------------------</center> <center><b>THANKS</b> <br>Хочется сказать огромное спасибо за прекраснейший новогодний дизайн мастеру space_hurricane. Желаем Вам удачи в дальнейших работах! Также администрация от души благодарит мастеров с tumbl.com, у которых мы одолжили некоторую графику.</center> </td> <td width="50%"> <center><b>GAME NEWS</b> <br><b>дата:</b> <br> 31.12.2023 <br><b>время:</b> <br> 19.00 - 01.00 <br><b>события в игре:</b> <br> Студенты медленно собираются перед большим залом. Каждый юноша разыскивает свою пару, что многим дается нелегко. Но, после нескольких непоняток, девушки и юноши, сняв маски, отправляются на бал. Конечно, не все студенты поголовно ведут себя прилично, но в большом зале пока что спокойно и обходится без происшествий. <br><b>очередность написания постов:</b> <br></center> </td></tr></table></p> </div> <div class="slide"> <p> <table width="90%" border="0"> <tr><td width="50%"> <center> <b>WELCOME TO HOGWARTS</b> <br>Мы рады приветствовать Вас на ролевой «HOGWARTS MORE», посвященной третьему поколению знаменитого «Гарри Поттера». Администрация надеется, что форум станет вторым домом для игроков, ведь мы попытаемся создать для Вас атмосферу уюта и волшебства. <br>Мы совсем недавно открылись, поэтому на ролевой полным-полно интересных ролей. Надеемся, что с вашей помощью, дорогие гости, мы сможем устроить самую настоящую, а, главное, интересную игру. Добро пожаловать в Хогвартс. Добро пожаловать домой.</center> </td><td width="50%"> <center><b>ADMINISTRATION</b> <br> <br><a href=http://hogwartsmore.f-rpg.ru/profile.php?id=3>Lily L. Potter</a> | <a href=http://hogwartsmore.f-rpg.ru/profile.php?id=15>Lucy Weasley</a> </center> <center> <br> </center> <br><center>----------------------------------------------------</center> <center><b>NAVIGATION</b> <br> <br><a href=http://hogwartsmore.f-rpg.ru/viewtopic.php?id=3>Сюжет</a> | <a href=http://hogwartsmore.f-rpg.ru/viewtopic.php?id=4>Правила</a> | <a href=http://hogwartsmore.f-rpg.ru/viewtopic.php?id=9>Персонажи</a> | <a href=http://hogwartsmore.f-rpg.ru/viewtopic.php?id=6>Внешности</a> | <a href=http://hogwartsmore.f-rpg.ru/viewforum.php?id=5>Шаблоны анкет</a></center> </td></tr></table></p> </div> </div> </div> <!-- Slideshow HTML --> </div></div> <br><center><b>PARTNERS</b> <br><marquee scrollAmount="3" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" width="510" height="20"> <a href="http://xmenworld.mybb.ru//" target=_blank><img src="http://s2.ipicture.ru/uploads/20111124/x2SS5U3W.gif" title="Люди Икс: Слезы Феникса" border=0 width="88" height="31"></a> <a href="http://picasso.artbb.ru/" target=_blank> <img src="http://savepic.su/899572m.png" border="0" alt="PS: PICASSO"></a> <A HREF="http://harrypotterandthedeat.rolka.su/" TARGET=_BLANK> <IMG SRC="http://savepic.su/498374.png" TITLE="Harry Potter: Gift of the past" BORDER=0> </A> <a href="http://hogwartscarousel.rolka.su/" target="_blank"><img src="http://s017.radikal.ru/i419/1111/ae/669840661f6b.gif" title="HOGWARTS: SICK CYCLE CAROUSEL"></a> <a href="http://vertovulputate.rusff.me/" target="_blank"><img src="http://uploads.ru/i/8/X/s/8Xs5z.gif"title="Hogwarts. Verto Vulputate"border="0"width="88" height="31"></a> <a target="_blank" href="http://dissendium.rolbb.ru/"><img src="http://savepic.su/659459m.gif"></a> <a href="http://vacademy.rusff.me/"><img src="http://s61.radikal.ru/i172/1112/ae/a566bc49f482.gif"title="vampire academy" alt="vampire academy" border="0" width="88" height="31"></a> <a href="http://otwado.ru/"><img border="0" src="http://savepic.ru/2848184.gif"title="отвадо - третье поколение, жизнь после школы, магия не заканчивается~"></a></marquee></center> <center> <br> <br><a href=http://hogwartsmore.f-rpg.ru/viewtopic.php?id=21#p1007>quest #1, Yule ball.</a> <br><a href=http://hogwartsmore.f-rpg.ru/viewtopic.php?id=21#p4513>quest #2, Are you ready for a Party?.</a> <br>ЗАПИСЫВАЮТСЯ ВСЕ!</center>
Поделиться282012-01-08 23:41:18
Структура style.css
Цвета style_cs.css
HTML верх
HTML низ
Поделиться292012-01-08 23:48:32
Структура style.css
Цвета style_cs.css
HTML верх
HTML низ
Объявление
Поделиться302012-01-08 23:56:28
Структура style.css
Цвета style_cs.css
HTML верх
HTML низ