Красный новогодний стиль IPB 1.3

[TBM 0]

Есть задумка создать свой необычный скин для IPB 1.3. Взять за пример стандартный скин, но заменить голубые тона, красными. Ну и конечно добавить всякие снежинки и кучки снега...

 

Только вот я не представляю себе как я цвета сменя на форуме на красные оттенки. Хотя... там вроде все белое.

 

Или может я велосипед изобретаю? :)

 

Вообщем, помогите плз, чем можете. Хотя бы ссылки на темы в этом форуме, где я могу почерпнуть груафику, относящуюся к НГ и по размерам подходящую к 1.3 форуму.

 

Для меня всегда казалось самым сложным стили и цвета...

[Fisana 700]

Для 1.3 куча скинов. В том числе мой красный sparknet_inferno в архиве на ибресе.

Темно-красный правда..

Выбираете любой и навешивайте графику.

[news 0]

Для 1.3 куча скинов. В том числе мой красный sparknet_inferno в архиве на ибресе.

Темно-красный правда..

Выбираете любой и навешивайте графику.

Не подскажете название новогоднего скина для IPB 1.3 такого же, как этот www.ibresource.ru/db/984/

[Fisana 700]

Так такой же.

Дефолтный зимний скин.

Вроде там даже в архиве был, или ищите на invisionize.com

[news 0]

Так такой же.

Дефолтный зимний скин.

Вроде там даже в архиве был, или ищите на invisionize.com

Да нет там такого. Мне нужен такой скин, еще раз говорю, чтобы висел снег на кнопках и они отображались словно на льду.

Вот так сейчас у меня

То есть все ничего только встречаются буквы БОЛЬШОГО РАЗМЕРА (ГЛАВНАЯ, УЧАСТНИКИ) - видимо те вещи, которые были у IPB 1.3 и которые уже как-то не прописаны в HTML-шаблонах 2.3

Короче говоря, мне как-то надо вот это хозяйтсво:

/*  
* Cascading Style Sheet(CSS 467), for Invision Power Board 2.2.0
* Author: James A. Mathias, admin@leihu.com, [url="http://www.1lotus.com"]http://www.1lotus.com[/url] 
* Copyright: 2005 Invision Power Services, all rights reserved 
*
* All style attributes in alpha-numeric order starting from 0
*
*/

/* 
* ========================================
* global element styles 
* ========================================
*/

html{
overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

body{ 
background: #FFF url(style_images/<#IMG_DIR#>/bg.gif);
color: #222;
font-family: Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
font-size: 11px;
line-height: 135%;
margin: 0px;
padding: 0px; /* required for Opera to have 0 margin */
text-align: center; /* centers board in MSIE */
}

/* 
* ========================================
* Set up IPB table
* ========================================
*/

.ipbtable { width:100% }

table.ipbtable,
tr.ipbtable,
td.ipbtable
{ /* required for text in tables, because tables do not inherit from body */
background: transparent;
color: #222;
font-size: 11px;
line-height: 135%;
}

.ipbtable td,
.divpad{ /* gives all tables faux cellpadding of 5px */
padding: 5px;
}

td.nopad{ /* allows some tables to have no padding on the td */
padding: 0;
}

/* Safari... */
th
{
text-align: left;
}


form{
display: inline;
margin: 0; /* removes mystery form tag gapping */
padding: 0; /* removes mystery form tag gapping */
}

img{
border: 0; /* makes sure linked images do not have a border */
vertical-align: middle;
}

/* 
* ========================================
* global hyperlink styles 
* ========================================
*/

a:link,
a:visited,
a:active{
background: transparent;
color: #222;
text-decoration: underline;
}

a:hover{
background: transparent;
color: #34498B;
}

/* 
* ========================================
* Main wrapper, this controls the overall width of the board in you browser view window. 
* ========================================
*/

#ipbwrapper{ 
margin: 20px auto 20px auto; /* centers the box, no matter the overall width, also applies a 20px gap at the top and bottom of the board */
text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */
/* EDIT THIS TO CHANGE THE WIDTH OF THE BOARD -> 960px is a common fixed resolution size */
width: 98%;
}

/* 
* ========================================
* styles for pagination links 
* ========================================
*/


.pagelink,
.pagelinklast,
.pagecurrent,
.minipagelink,
.minipagelinklast{
background: #F0F5FA;
border: 1px solid #072A66;
padding: 1px 3px 1px 3px;
}

.pagelinklast,
.minipagelinklast{
background: #DFE6EF;
}


.pagecurrent{
background: #FFC9A5;
}

.minipagelink,
.minipagelinklast{
border: 1px solid #C2CFDF;
font-size: 10px;
margin: 0 1px 0 0;
}

.pagelink a:active,
.pagelink a:visited,
.pagelink a:link,
.pagelinklast a:active,
.pagelinklast a:visited,
.pagelinklast a:link,
.pagecurrent a:active,
.pagecurrent a:visited,
.pagecurrent a:link,
.minipagelink a:active,
.minipagelink a:visited,
.minipagelink a:link,
.minipagelinklast a:active,
.minipagelinklast a:visited,
.minipagelinklast a:link{
text-decoration: none;
}

/* fake button effect for some links */
.fauxbutton{
background: #BFCDE0;
border: 1px solid #072A66;
font-size: 11px;
font-weight: bold;
padding: 4px;
}

.fauxbutton a:link,
.fauxbutton a:visited,
.fauxbutton a:active{
color: #222 !important;
text-decoration: none;
}

.forumdesc,
.forumdesc a:link,
.forumdesc a:visited,
.forumdesc a:active{ 
background: transparent;
font-size: 10px; 
color: #666;
line-height: 135%;
margin: 2px 0 0 0;
padding: 0;
}

/* ================================================================================
== */
/* ================================================================================
== */
/* ================================================================================
== */

.searchlite {
background-color:yellow;
font-weight:bold;
color: red;
}

.activeusers{
background: #FFF;
border: 1px solid #072A66;
color: #000;
margin: 0px;
padding: 1px;
}

.activeuserposting a:link,
.activeuserposting a:visited,
.activeuserposting a:active,
.activeuserposting
{
font-style:italic;
text-decoration: none;
border-bottom:1px dotted black;
}

fieldset.search{ 
line-height: 150%;
padding: 6px; 
}

label{ 
cursor: pointer; 
}

img.attach{ 
background: #808080 url(style_images/<#IMG_DIR#>/click2enlarge.gif) no-repeat top right;
border: 1px solid #808080;
margin: 0 2px 0 0;
padding: 11px 2px 2px 2px;
}

.thumbwrap,
.thumbwrapp,
.fullimagewrap
{
border: 1px solid #072A66;
margin: 2px;
}

.thumbwrapp{
border: 2px solid #660707;
}

.fullimagewrap{
background: #F5F9FD;
text-align: center;
margin: 5px 0 5px 0;
padding: 5px;
}

.thumbwrap h4,
.thumbwrapp h4{	
background: #DDE6F2;
border: 0 !important;
border-bottom: 1px solid #5176B5 !important;
color: #5176B5; 
font-size: 12px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.thumbwrap p,
.thumbwrapp p{
background: #EEF2F7 !important;
border: 0 !important;
border-top: 1px solid #5176B5 !important;
margin: 0 !important;
padding: 5px !important;
text-align: left;
}

.thumbwrap p.alt,
.thumbwrapp p.alt{
background: #DFE6EF !important;
margin: 0 !important;
padding: 5px !important;
text-align: left;
}

.thumbwrapp p.pin{
background: #EFDFDF !important;
text-align: center !important;
}

.thumbwrap img.galattach,
.thumbwrapp img.galattach{
background: #FFF url(style_images/<#IMG_DIR#>/img_larger.gif) no-repeat bottom right;
border: 1px solid #072A66;
margin: 5px;
padding: 2px 2px 10px 2px;
}

li.helprow{ 
margin: 0 0 10px 0;
padding: 0; 
}

ul#help{ 
padding: 0 0 0 15px; 
}

.warngood,
.warnbad{ 
color: #0B9500;
font-weight: bold;
}

.warnbad{ 
color: #DD0000;
}

#padandcenter{ 
margin: 0 auto 0 auto;
padding: 14px 0 14px 0;
text-align: center;
}

#profilename{ 
font-size: 28px; 
font-weight: bold; 
}

#photowrap{ 
padding: 6px; 
}

#phototitle{ 
border-bottom: 1px solid #000; 
font-size: 24px; 
}

#photoimg{ 
margin: 15px 0 0 0;
text-align: center; 
} 

#ucpmenu,
#ucpcontent{ 
background: #F5F9FD;
border: 1px solid #345487;
line-height: 150%;
}

#ucpmenu p{ 
margin: 0; 
padding: 2px 5px 6px 9px;
}

#ucpmenu a:link, 
#ucpmenu a:active, 
#ucpmenu a:visited{ 
text-decoration: none; 
}

#ucpcontent{ 
width: auto;
}

#ucpcontent p{ 
margin: 0;
padding: 10px;
}

.activeuserstrip{ 
background: #BCD0ED;
padding: 6px;
}

/* Topic View elements */
.signature{  
background: transparent;
color: #339; 
font-size: 10px;
line-height: 150%;
}

.postdetails{ 
font-size: 10px;
line-height:140%;
}

.postcolor{ 
font-size: 12px; 
line-height: 160%;
}

.normalname{ 
color: #003;
font-size: 12px; 
font-weight: bold; 
}

.normalname a:link, 
.normalname a:visited, 
.normalname a:active{ 
font-size: 12px;
}

.post1,
.bg1{ 
background: #F5F9FD;
}

.post2,
.bg3{ 
background: #EEF2F7;
}

.row2shaded,
.post1shaded { background-color: #DEDBE4 }
.row4shaded,
.post2shaded { background-color: #E3DFE7 }

.row1{ 
background: #DFE6EF; 
}

.row2{ 
background: #E4EAF2; 
}

.rowhighlight{
background-color: #FFF9BA;
}

.darkrow1{ 
background: #BCD0ED;
color: #3A4F6C; 
}

.darkrow3{ 
background: #D1DCEB; 
color: #3A4F6C; 
}

/* tableborders gives the white column / row lines effect */
.plainborder,
.tablefill,
.tablepad{ 
background: #F5F9FD;
border: 1px solid #345487;
}

.tablefill,
.tablepad{ 
padding: 6px;  
}

.tablepad{ 
border: 0 !important;
}

.wrapmini{ 
float: left;
line-height: 1.5em;
width: 25%;
}

.pagelinks{
float: left;
line-height: 1.2em;
width: 35%;
}

.desc{ 
font-size: 11px; 
color: #434951;
}

.lastaction
{
font-size: 10px; 
color: #434951;
}

.edit{ 
font-size: 9px;
}

.thin{ 
border: 1px solid #FFF;
border-left: 0;
border-right: 0;
line-height: 150%;
margin: 2px 0 2px 0;
padding: 6px 0 6px 0;
}

/* ================================================================================
== */
/* ================================================================================
== */
/* ================================================================================
== */

/* 
* ========================================
* calendar styles 
* ========================================
*/

.calmonths{ 
background: #F0F5FA;
border: 1px solid #C2CFDF;
font-size: 18px; 
font-weight: bold; 
margin: 5px 0 5px 0;
padding: 8px;
text-align: center;
}

.weekday{
font-size: 14px;
font-weight: bold;
}

.calmonths a{
text-decoration: none;
}

.calday,
.calweekday{ 
background: #DFE6EF;
color: #666;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 4px;
text-align: right;
}

.calweekday{
border-right: 1px solid #AAA;
color: #222;
font-size: 14px;
padding: 6px;
text-align: center;
}

.celltodayshaded,
.celldateshaded,
.cellblank,
.celldate,
.celltoday,
.mcellblank,
.mcelldate,
.mcelltoday{
background: #EEF2F7; 
height: 100px;
margin: 0;
padding: 0;
vertical-align: top;
}

.celltodayshaded,
.celldateshaded
{
background: #E3DFE7;
}

.mcellblank,
.mcelldate,
.mcelltoday{
height: auto;
}

.cellblank,
.mcellblank{
background: #C2CFDF;
}

.celltoday,
.celltodayshaded,
.mcelltoday{
border: 2px solid #8B0000;
}

.calranged
{
border: 2px outset #C2CFDF;
background: #C2CFDF;
padding:4px;
}

.calitem
{
border-bottom: 1px dotted #C2CFDF;
padding:4px;
}

/* 
* ========================================
* form styles 
* ========================================
*/

.input-warn,
.input-green,
.input-checkbox,
input,
textarea,
select{
background: #FFF;
border: 1px solid #4C77B6;
color: #000;
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
margin: 5px;
padding: 2px;
vertical-align: middle;
}

select
{
margin: 0px;
}

.input-checkbox
{
border: none;
}

.input-warn,
.input-warn-content
{
border: 1px solid #C00;
}

.input-ok,
.input-ok-content
{
border: 1px solid #0C0;
}

.input-warn-content
{
padding: 4px;
margin: 4px;
background-color: #FCC;
}

.input-ok-content
{
padding: 4px;
margin: 4px;
background-color: #CFC;
}


.input-text
{
color: #900;
}

input.button{
margin: 0;
width: auto;
cursor: pointer;
}

optgroup option{
font-family: verdana, helvetica, sans-serif;
font-size: 12px;
}

.codebuttons{ 
font-family: Verdana, Helvetica, Sans-Serif; 
font-size: 10px; 
vertical-align: middle;
margin:2px;
}

.textarea,
.searchinput,
.button,
.gobutton{
background: #FFF;
border: 1px solid #4C77B6;
color: #000;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
padding: 2px;
vertical-align: middle;
}

.button{
background: #DFE6EF;
}

.gobutton{
background: transparent;
border: 0;
color: #072A66;
margin: 0;
vertical-align: middle;
}

.radiobutton,
.checkbox,
.helpbox { 
border: 0;
vertical-align: middle;
background: transparent;
}

/* 
* class.formtable 
*
* used for tabled forms 
* technically tables should not be used for form display 
* but, in the case of IPB a table is easier to work with
* for the average webmaster, who has little to no CSS knowledge.
*
*/

.formtable{
background: transparent;
}

.formtable td,
.pformleft,
.pformleftw,
.pformright{
background:#F5F9FD;
border: 1px solid #C2CFDF;
border-bottom: 0;
border-left: 0;
font-weight: bold;
margin: 1px 0 0 0;
padding: 6px;
width: 25%;
} 

.formtable td.wider,
.pformleftw,
.pformright{
width: 40%;
}

.formtable td.formright,
.pformright{
border-right: 0px;
font-weight: normal;
width: auto;
} 

.formtable td.formtitle,
.formsubtitle{
background: #D1DCEB;
border: 1px solid #9FB9D4; 
border-bottom: 0;
border-left: 0;
border-right: 0;
font-weight: normal;
}

.formsubtitle{ 
border: 0;
color: #3A4F6C;
font-weight: bold;
padding: 5px;
}

.formtable td.formstrip{
background: #DDE8F2;
border: 1px solid #9FB9D4;
border-left: 0;
border-right: 0;
font-weight: normal;
}

/* 
* ========================================
* new style quote and code wrappers MATT's DESIGN 
* ========================================
*/

.quotetop{
background: #E4EAF2 url(style_images/<#IMG_DIR#>/css_img_quote.gif) no-repeat right;
border: 1px dotted #000;
border-bottom: 0;
border-left: 4px solid #8394B2;
color: #000;
font-weight: bold;
font-size: 10px;
margin: 2px auto 0 auto;
padding: 3px;
}

.quotemain{
background: #FAFCFE;
border: 1px dotted #000;
border-left: 4px solid #8394B2;
border-top: 0;
color: #465584;
padding: 4px;
margin: 0 auto 0 auto;
}

.codetop,
.sqltop,
.htmltop{
background: #FDDBCC url(style_images/<#IMG_DIR#>/css_img_code.gif) no-repeat right;
color: #000;
font-weight: bold;
margin: 0 auto 0 auto;
padding: 3px;
}

.codemain,
.sqlmain,
.htmlmain{
background: #FAFCFE;
border: 1px dotted #000;
color: #465584;
font-family: Courier, "Courier New", Verdana, Arial;
margin: 0 auto 0 auto;
padding: 2px;
}

/* 
* ========================================
* old school quote and code styles - backwards compatibility 
* ========================================
*/

#QUOTE,
#CODE{  
background: #FAFCFE; 
border: 1px solid #000; 
color: #465584; 
font-family: Verdana, Arial; 
font-size: 11px; 
padding: 2px; 
white-space: normal;
}

#CODE{ 
font-family: Courier, "Courier New", Verdana, Arial;
}

/* 
* ========================================
* All New Styles 
* ========================================
*/
.cleared{
clear: both;
}

.borderwrap,
.borderwrapm{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */
background: #FFF;
border: 1px solid #072A66;
padding: 0px; 
margin: 0px; 
}

.borderwrapm{
margin: 5px;
}

.borderwrap h3,
.maintitle,
.maintitlecollapse{
background: url(style_images/<#IMG_DIR#>/tile_cat.gif);
border: 1px solid #FFF;
border-bottom: 1px solid #5176B5;
color: #FFF; 
font-size: 12px;
font-weight: bold; 
margin: 0px;
padding: 8px;
}

.maintitle td {
color: #FFF; 
font-size: 12px;
font-weight: bold;
}


.maintitlecollapse{
border: 1px solid #FFF;
}

.maintitle p,
.maintitlecollapse p,
.formsubtitle p{
background: transparent !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

.maintitle p.expand,
.maintitle p.goto,
.maintitlecollapse p.expand,
.formsubtitle p.members{
float: right;
width: auto !important;
}

.maintitle a:link, 
.maintitle a:visited,
.maintitlecollapse a:link, 
.maintitlecollapse a:visited{ 
background: transparent;
color: #FFF;
text-decoration: none; 
}

.maintitle a:hover, 
.maintitle a:active,
.maintitlecollapse a:hover, 
.maintitlecollapse a:active{ 
background: transparent;
color: #F1F1F1;
}

table th,
.borderwrap table th,
.subtitle,
.subtitlediv,
.postlinksbar{ 
background: transparent url(style_images/<#IMG_DIR#>/tile_sub.gif);
border-bottom: 1px solid #5176B5;
color: #3A4F6C; 
font-size: 10px;
font-weight: bold; 
letter-spacing: 1px;
margin: 0; 
padding: 5px; 
}

.subtitlediv{
border: 1px solid #FFF;
border-bottom: 1px solid #5176B5;
text-align: right;
}

.borderwrap table th a:link,
.subtitle a:link,
.subtitlediv a:link,
.borderwrap table th a:visited,
.subtitle a:visited, 
.subtitlediv a:visited, 
.borderwrap table th a:active,
.subtitle a:active,
.subtitlediv a:active,
.borderwrap table th a:hover,
.subtitle a:hover,
.subtitlediv a:hover{ 
background: transparent;
color: #3A4F6C;
text-decoration: none; 
}

.borderwrap h4{
background: #DDE6F2;
border: 1px solid #FFF;
border-bottom: 1px solid #5176B5;
border-top: 1px solid #5176B5;
color: #5176B5; 
font-size: 12px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.borderwrap p{
background: #F9F9F9;
border: 1px solid #CCC;
margin: 5px;
padding: 10px;
text-align: left;
}


td.formbuttonrow,
.pformstrip,
.borderwrap p.formbuttonrow,
.borderwrap p.formbuttonrow1{
background: #D1DCEB !important; 
border: 1px solid #FFF;
border-top: 1px solid #5176B5;
margin: 0px !important;
padding: 5px !important;
text-align: center;
}

td.formbuttonrow{
border-bottom: 0;
border-left: 0;
border-right: 0;
}

.borderwrap p.formbuttonrow1{
background: #F9F9F9 !important;
border: 0;
border-top: 1px solid #CCC;
}

.bar,
.barb,
.barc{
background: #DFE6EF;
border: 1px solid #FFF;
}

.barc{
border-bottom: 0;
}

.bar p,
.barb p,
.barc p{
background: transparent;
border: 0;
color: #222;
font-size: 11px;
margin: 0;
padding: 5px;
text-align: left;
}

.barb p{
text-align: right;
}

.bar p.over,
.bar p.overs,
.barc p.over,
.barc p.overs{
float: right;
}

.barb p.over,
.barb p.overs{
float: left;
}

.bar p.overs,
.barb p.overs,
.barc p.overs{
position: relative;
top: 5px;
}

.catend{
background: #8394B2;
color: #000;
font-size: 1px;
height: 5px;
}

.newslink{
background: #F0F5FA;
border: 1px solid #C2CFDF;
margin: 0;
width: 100%;
}

.newslink td{
color: #222;
font-size: 10px;
padding: 5px 5px 5px 10px;
}

.newslink span{
background: transparent;
color: #072A66;
font-style: italic;
font-weight: normal;
}

.newslink input{
background: #FFF;
border: 1px solid #999;
color: #072A66;
font-size: 10px;
padding: 3px;
vertical-align: middle;
width: auto;
}

.newslink input.button{
background: transparent;
border: 0;
color: #072A66;
vertical-align: middle;
}

.fieldwrap{
background: #F9F9F9;
border: 1px solid #CCC;
border-top: 0;
margin: 5px;
padding: 0;
text-align: left;
}

.fieldwrap h4{
background: #EEE;
border: 1px solid #CCC;
border-left: 0;
border-right: 0;
color: #444; 
font-size: 12px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.errorwrap {
background: #F2DDDD;
border: 1px solid #992A2A;
border-top: 0;
margin: 5px;
padding: 0;
}


.errorwrap h4 {
background: #E3C0C0;
border: 1px solid #992A2A;
border-left: 0;
border-right: 0;
color: #992A2A; 
font-size: 12px;
font-weight: bold; 
margin: 0;
padding: 5px;
}

.errorwrap p {
background: transparent;
border: 0;
color: #992A2A;
margin: 0;
padding: 8px;
}


.ruleswrap{
background: #F2DDDD;
border: 1px solid #992A2A;
color: #992A2A; 
margin: 5px 0 5px 0;
padding: 5px;
}

#redirectwrap{
background: #F0F5FA;
border: 1px solid #C2CFDF;
margin: 200px auto 0 auto;
text-align: left;
width: 500px;
}

#redirectwrap h4{
background: #D0DDEA;
border-bottom: 1px solid #C2CFDF;
color: #3A4F6C;
font-size: 14px;
margin: 0;
padding: 5px;
}

#redirectwrap p{
margin: 0;
padding: 5px;
}

#redirectwrap p.redirectfoot{
background: #E3EBF4;
border-top: 1px solid #C2CFDF;
text-align: center;
}


#gfooter{
background: #8394B2;
margin: 5px 0 5px 0;
padding: 0;
width: 100%;
}

#gfooter td{
color: #FFF;
font-size: 10px;
padding: 4px;
}

#gfooter a:link,
#gfooter a:visited{
color: #FFF;
}

#logostrip{ 
background: #3860BB url(style_images/<#IMG_DIR#>/tile_back.gif);
border: 1px solid #FFF;
height: 68px;
margin: 0;
padding: 0;
}

#logographic{
background: transparent url(style_images/<#IMG_DIR#>/logo4.gif) no-repeat left;
height: 68px;
margin: 0;
padding: 0;
}

#submenu{ 
background: transparent url(style_images/<#IMG_DIR#>/tile_sub.gif);
border: 1px solid #FFF;
border-top: 0;
color: #3A4F6C; 
margin: 0;
height: 29px;
text-align: right;
}

.ipb-top-left-link,
.ipb-top-right-link
{
background: transparent url(style_images/<#IMG_DIR#>/tile_sub-lite.gif);
float: right;
font-size: 10px;
font-weight: bold; 
letter-spacing: 0.5px;
margin: 0px;
padding: 7px 0 7px 0;
width: auto;
border-left:  1px solid #dce3ee;
}

.ipb-top-left-link
{
float: left;
border-left: 0px;
border-right: 1px solid #dce3ee;
}

.ipb-top-left-link a:link, 
.ipb-top-left-link a:visited,
.ipb-top-right-link a:link, 
.ipb-top-right-link a:visited
{ 
background: transparent; 
color: #3A4F6C;
padding: 0 6px 0 6px;
text-decoration: none;
}

.ipb-top-left-link a:hover, 
.ipb-top-left-link a:active,
.ipb-top-right-link a:hover, 
.ipb-top-right-link a:active
{
background: transparent; 
color: #5176B5; 
}

#userlinks,
#userlinksguest{ 
background: #F0F5FA;
border: 1px solid #C2CFDF;
margin: 5px 0 5px 0;
padding: 0 5px 0 5px;
}

#userlinksguest{ 
background: #F4E7EA;
border: 1px solid #986265;
}

#userlinks p,
#userlinksguest p{
background: transparent !important;
border: 0 !important;
font-size: 10px;
font-weight: bold; 
letter-spacing: 1px;
margin: 0 !important;
padding: 7px 0 7px 0; 
text-align: right;
}

#userlinks p,
#userlinksguest p{
font-weight: normal;
letter-spacing: 0;
}

#userlinksguest p.pcen{
text-align: center;
}

#userlinks p.home,
#userlinksguest p.home{
float: left;
}

#navstrip{ 
background: transparent;
color: #999;
font-size: 12px;
font-weight: bold;
margin: 0 0 5px 0;
padding: 14px 0px 8px 0px; 
}

#navstrip a:link, 
#navstrip  a:visited{ 
background: transparent; 
color: #222; 
text-decoration: none;
}

#navstrip a:hover, 
#navstrip a:active{
background: transparent; 
color: #5176B5; 
}

.toplinks{
background: transparent;
color: #000;
margin: 0;
padding: 0 0 5px 0;
text-align: right;
}

.toplinks span{
background: #F0F5FA;
border: 1px solid #C2CFDF;
border-bottom: 0;
color: #000;
font-size: 10px;
font-weight: bold;
margin: 0 10px 0 0;
padding: 5px;
}

.copyright{ 
background: #EEE;
font-size: 11px; 
margin: 0 0 5px 0;
padding: 8px;
}

/* 
* ========================================
* print page styles 
* ========================================
*/

#print{
margin: 20px auto 20px auto;
padding: 0;
text-align: left;
width: 85%;
}

#print h1,
#print h2,
#print h3,
#print h4,
#print p{
color: #036;
font-size: 18px;
font-weight: bold;
margin: 0;
padding: 8px;
}

#print h2,
#print h3,
#print p{
border-bottom: 1px solid #999;
font-size: 11px;
font-weight: normal;
}

#print h3{
background: #F5F5F5;
font-size: 12px;
font-weight: bold;
margin: 0 0 10px 0;
}

#print h4{
background: #F9F9F9;
font-size: 11px;
}

#print p{
margin: 0 0 5px 0;
padding: 10px;
}

#print p.printcopy{
border: 0;
color: #000;
text-align: center;
}

.dny-edit-title
{
border:0px;
padding:3px;
margin:0px;
background: #D1DCEB; 
color: #3A4F6C; 
}


/* ======================================== */
/* TABS
/* ======================================== */

.tabon
{
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
background-color:#FFF;
padding:8px;
padding-bottom:9px;
font-size:10px;
float:left;
width:auto;
margin-top:3px;
}

.taboff
{
border-top: 1px solid #777;
border-left: 1px solid #777;
border-right: 1px solid #777;
background-color: #B5C3D9;
color: #333;
padding: 8px;
font-size:10px;
float: left;
width: auto;
margin-top:3px;
}

.tabon a:link, 
.tabon a:visited, 
.tabon a:active
{
text-decoration:none;
color: #000;
}

.taboff a:link, 
.taboff a:visited, 
.taboff a:active
{
text-decoration:none;
color: #333;
}

.mya-back
{
background: #072A66;
margin:1px;
padding: 1px;
}

.mya-content
{
background: #FFF;
padding:8px;
margin: 1px;
border: 1px solid #777;
}

.mya-content-tbl
{
  background: #F0F5FA;
  border: 1px solid #777;
  text-align:left;
  font-size:10px;
  white-space:nowrap;
  margin:1px;
}

.mya-fieldwrap
{
background: transparent;
margin-top: 2px;
margin-bottom: 2px;
padding: 4px;
border: 1px solid #C5C7CD;
-moz-border-radius: 5px;
width: auto;
display: block;
}

/* -------------------------------- */
/* Create PM box defaults		   */
/* -------------------------------- */

.iframeshim
{
position:absolute;
display:none;
background: #FFF;
border:0px;
width:auto;
height:auto;
}



/* -------------------------------- */
/* Experimental					 */
/* -------------------------------- */

.popupmenu,
.popupmenu-new
{
  background: #F0F5FA;
  border: 1px solid #3A4F6C;
  text-align:left;
  font-size:10px;
  white-space:nowrap;
  /*padding:3px 5px 3px 3px;*/
  /*width:300px;*/
}

.popupmenu-item
{
padding: 5px;
/*margin-top:4px;*/
white-space: nowrap;
border-bottom: 1px solid #C2CFDF;
color:  #000000;
font-weight: normal;
}

.popupmenu-item-last
{
padding: 5px;
/*margin-top:4px;*/
white-space: nowrap;
color:  #000000;
font-weight: normal;
}

.popmenubutton-new,
.popmenubutton
{
width:120px;
white-space:nowrap;
background-color: #C2CFDF;
border:1px solid #3A4F6C;
color: #3A4F6C;
font-weight:bold;
float:right;
height:18px;
text-align:center;
margin:0px;
font-size:11px;
padding:3px;
}

.popmenubutton-new
{
float:none;
width:auto;
text-align:left;
height:auto;
padding:3px;
font-weight:normal;
background-color:#EEF2F7;
background-image: url(style_images/<#IMG_DIR#>/menu_action_down-padded.gif);
background-repeat: no-repeat;
background-position: right;
}

.popmenubutton-new-out
{
padding:4px;
}


.popupmenu-new
{
background-color: #DFE6EF;
}


.popmenubutton a:link, 
.popmenubutton a:visited,
.popmenubutton-new a:link, 
.popmenubutton-new a:visited,
.popupmenu-item a:link, 
.popupmenu-item a:visited,
.popupmenu-item-last a:link, 
.popupmenu-item-last a:visited
{ 
color: #3A4F6C; 
text-decoration: none;
}

.popmenubutton a:hover,
.popmenubutton-new a:hover,
.popupmenu-item a:hover, 
.popupmenu-item-last a:hover
{ 
color: #5176B5; 
text-decoration: none;
}

.popupmenu-category
{ 
background: transparent url(style_images/<#IMG_DIR#>/tile_sub.gif);
border-top: 1px solid #5176B5;
border-bottom: 1px solid #5176B5;
color: #3A4F6C; 
font-size: 10px;
font-weight: bold; 
letter-spacing: 1px;
margin: 0; 
padding: 5px; 
}

/* -------------------------------- */
/* Loading box
/* -------------------------------- */

#loading-layer-inner
{
width:220px;
height:28px;
padding:18px 10px 10px 10px;
text-align:center;
color: #000;
border: 1px solid;
border-color:#CCC #666 #666 #CCC;
background-color: #FCF8C7;
}

/* -------------------------------- */
/* Message in a bo(x|ttle)
/* -------------------------------- */

#ipd-msg-wrapper
{
display: none;
width: 220px;
}

#ipd-msg-inner
{
width:100%;
height:45px;
padding: 6px 4px 4px 4px;
margin: 0px;
text-align:center;
color: #000;
border: 1px solid;
border-color:#ccc #666 #666 #ccc;
background-color: #FCF8C7;
filter:alpha(opacity=75);
opacity:.75
}

#ipd-msg-title
{
width: 100%;
height:20px;
margin: 0px;
padding: 6px 4px 4px 4px;
background: transparent url(style_images/<#IMG_DIR#>/css_pp_header.gif);
border: 1px solid #3A4F6C;
border-bottom: 0px;
color: #FFF;
}

.linked-image
{
margin: 0px;
padding: 0px;
border: 0px;
}

.resized-linked-image
{
margin: 1px 0px 0px 0px;
padding: 0px;
background-color: #000;
border: 0px;
color: #FFF;
font-size: 10px;
width: auto;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
}

.resized-linked-image-zoom
{
width: 200px;
height: 30px;
filter:alpha(opacity=85);
opacity:.85;
background-color: #FFF;
padding-top: 6px;
padding-left: 5px;
top: 0px;
left: 0px;
position: absolute;
display: none;
}

/* -------------------------------- */
/* Edit post reason
/* -------------------------------- */

.post-edit-reason
{
background: #E7EAEF;
margin-top: 9px;
margin-bottom: 0px;
padding: 4px;
color: #333;
font-size: 10px;
border: 1px solid #C5C7CD;
-moz-border-radius: 5px;
width: auto;
display: block;
}

/* -------------------------------- */
/* Personal Profile
/* -------------------------------- */

.pp-name
{ 
background: #F0F5FA;
border: 1px solid #C2CFDF;
margin: 0px;
padding: 10px;
}

.pp-name h3
{
margin:0px;
padding:0px 0px 5px 0px;
font-size:24px;
}

.pp-header
{ 
background: transparent url(style_images/<#IMG_DIR#>/tile_sub.gif);
color: #3A4F6C; 
font-size: 10px;
font-weight: bold; 
margin: 0px 0px 1px 0px; 
padding: 5px; 
}

.pp-title
{
background: url(style_images/<#IMG_DIR#>/css_pp_header.gif);
border-bottom: 1px solid #5176B5;
color: #FFF; 
font-size: 12px;
font-weight: bold; 
margin: 0px;
padding: 8px;
}

.pp-datebox
{
text-align: center;
background: #FFFFFF;
border: 1px solid #555555;
padding: 4px;
margin: 0px;
font-size:18px;
font-weight:bold;
line-height: 100%;
letter-spacing: -1px;
float:right;
width: auto;
}

.pp-datebox em
{
color: #AAA;
font-weight: normal;
font-style: normal;
}

.pp-contentbox-back
{
background-image: url(style_images/<#IMG_DIR#>/folder_profile_portal/pp-css-contentblock.gif);
background-repeat: repeat-x;
background-color: #ACBFD9;
padding: 6px;
}

.pp-contentbox-entry,
.pp-contentbox-entry-noheight,
.pp-contentbox-entry-noheight-mod,
.pp-contentbox-entry-noheight-sel
{
background-color: #EEF2F7;
border: 1px solid #888888;
line-height: 140%;
padding: 8px;
margin-bottom: 6px;
height: 200px;
overflow: auto;
overflow-x: auto;
}

.pp-contentbox-entry-noheight-sel
{
background-color:#FCECCD;
}

.pp-contentbox-entry-noheight-mod
{
background-color:#FDF1DA;
}

.pp-contentbox-entry-noheight,
.pp-contentbox-entry-noheight-mod,
.pp-contentbox-entry-noheight-sel
{
height: auto;
margin-bottom: 1px;
}

.pp-image-thumb-wrap,
.pp-image-thumb-wrap-floatright,
.pp-image-mini-wrap,
.pp-image-mini-wrap-floatright
{
width: 52px;
height: 52px;
text-align: center;
background: #FFFFFF;
border: 1px solid #555555;
padding: 4px;
margin-top: auto;
margin-bottom: auto;
}

.pp-image-mini-wrap,
.pp-image-mini-wrap-floatright
{
width: 27px;
height: 27px;
margin-top: auto;
margin-bottom: auto;
}

.pp-image-thumb-wrap-floatright,
.pp-image-mini-wrap-floatright
{
float:right;
}

.pp-tiny-text
{
color: gray;
font-size: 10px;
}

.pp-mini-content-entry,
.pp-mini-content-entry-noheight,
.pp-mini-entry-noheight-shaded
{
background-color: #F5F9FD;
padding: 6px;
border-bottom: 1px dotted #555555;
clear:both;
width: auto;
height: 60px;
}

.pp-mini-entry-noheight-shaded
{
background-color: #E3DFE7;
}

.pp-mini-content-entry-noheight,
.pp-mini-entry-noheight-shaded
{
height: auto;
}

.pp-tabclear,
.pp-maintitle
{
background: url(style_images/<#IMG_DIR#>/css_pp_header_old.gif);
border: 1px solid #FFF;
border-bottom: 1px solid #5176B5;
color: #FFF; 
font-size: 12px;
font-weight: bold; 
margin: 0px;
padding: 8px;
}

.pp-tabclear
{
border:0px;
border-right: 1px solid #072A66;
border-left: 1px solid #072A66;
}

.pp-tabon
{
border-top:1px solid #3363A1;
border-left:1px solid #072A66;
border-right:1px solid #072A66;
background-color:#6696D6;
color:#FFFFFF;
padding:8px;
float:left;
width:auto;
background-image: url(style_images/<#IMG_DIR#>/css_pp_tab_on.gif);
background-repeat: repeat-x;
background-position: left bottom;
margin-top:3px;
font-size:10px;
}

.pp-taboff,
.pp-tabshaded
{
border-top: 1px solid #759BC7;
border-left: 1px solid #759BC7;
border-right: 1px solid #759BC7;
background-color: #3363A1;
color: #3363A1;
padding:8px;
float: left;
width: auto;
background-image: url(style_images/<#IMG_DIR#>/css_pp_tab_off.gif);
background-repeat: repeat-x;
background-position: left bottom;
margin-top:3px;
font-size:10px;
}

.pp-tabshaded
{
background-image: url(style_images/<#IMG_DIR#>/css_pp_tab_shaded.gif);
background-repeat: repeat-x;
background-position: left bottom;
color: #516795;
border-top: 1px solid #7f9BBC;
border-left: 1px solid #7f9BBC;
border-right: 1px solid #7f9BBC;
}

.pp-tabon a:link, 
.pp-tabon a:visited, 
.pp-tabon a:active
{
text-decoration:none;
color: #FFFFFF;
}

.pp-taboff a:link, 
.pp-taboff a:visited, 
.pp-taboff a:active,
.pp-tabshaded a:link, 
.pp-tabshaded a:visited, 
.pp-tabshaded a:active
{
text-decoration:none;
color: #3363A1;
}

.pp-tabwrap
{
height: 34px;
margin:0px;
padding:0px;
}

+ кнопки

прикрутить к IPB 1.3 , чтобы отображались везде нормальные русские буквы некрупно + кнопки нужны в снегу для IPB 1.3?

Куда этот стиль убрали, непонятно.

 

P.S.

 

А то скачал ipb_skin-ipbnewyear.xml , а там:

 

<?xml version="1.0" encoding="WINDOWS-1251"?>
<xmlarchive generator="IPB" created="1194941072">
<fileset>
	<file>
		<filename>ipb_info.xml</filename>
		<content>PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iV0lORE9XUy0xMjUxIj8+CjxpbmZvZXhwb3J0
IGV4cG9ydGVkPSIxMTk0OTQxMDcyIj4KCTxpbmZvZ3JvdXA+CgkJPGluZm8+CgkJCTxzZXRfbmFt
ZT5JUEIgx+js7ejpIPHy6Ov8PC9zZXRfbmFtZT4KCQkJPHNldF9hdXRob3JfZW1haWw+PC9zZXRf
YXV0aG9yX2VtYWlsPgoJCQk8c2V0X2F1dGhvcl9uYW1lPjwvc2V0X2F1dGhvcl9uYW1lPgoJCQk8
c2V0X2F1dGhvcl91cmw+PC9zZXRfYXV0aG9yX3VybD4KCQkJPHNldF9rZXk+PC9zZXRfa2V5PgoJ
CTwvaW5mbz4KCTwvaW5mb2dyb3VwPgoKPC9pbmZvZXhwb3J0Pg==
</content>

ну и т.д....

 

Что это вообще за набор цифр и букв в вернем и нижнем регистре? Или эти паршивцы закодировали вставки, чтобы ни засвистывали коды?

Edited December 12, 2007 by SomehaiN
Пожалуйста, учитесь использовать [codebox][/codebox]

[Fisana 700]

Так кнопками и графикой от того скина замените свои.

Причем тут вообще код???

 

Там графика по-зимнему разрисована, а все остальное – голый дефолт.

Одни картинки другими замените, возможно, придется что-то переименовать, так как в 1.3 названия файлов (для градиентов) немного другие.

[news 0]

Кнопками я уже все заменил, но это кнопки от 2.3, зимние кнопки от 1.3 нигде не смог найти. Смайлы зимние есть, а кнопок под макросы нет нигде. И все-таки как-то надо уменьшить размер букв в словах ГЛАВНАЯ, УЧАСТНИКИ итд. Что для этого и где надо поменять.

[Fisana 700]

Ну так меняйте, редактируйте. Особенно размер шрифтов. Это в классе submenu должно регулироваться.

А я под 2.2-2.3 сейчас зимний скин доделываю, и отвлекаться не могу...

 

Вообще нафик вы выложили css от 2.3, если спрашиваете про 1.3?

Я надеюсь, Вы у себя не используете тот код????

[news 0]

Вообще нафик вы выложили css от 2.3, если спрашиваете про 1.3?

Я надеюсь, Вы у себя не используете тот код????

Использую.

Пришлось использовать, так как я в сети не нашел код под 1.3 Возможно раньше он был, куда теперь его дели с ibresource.ru непонятно.

[Fisana 700]

Так чего его искать-то???

Зашли на форум 1.3 с дефолтным скином, из фрейма скопировали css.

Код же в БРАУЗЕРЫ отдается...

 

Вообще не используйте ничего, кроме графики, от других версий, если не хотите убить форум.

[news 0]

Код же в БРАУЗЕРЫ отдается...

Не обязательно, некоторые(fenixclub.com/index.php?act=idx), например, явно защищают css от скачивания.

Да и потом, я спрашиваю только про зимнюю CSS и только под IPB 1.3 . Дистрибутив IPB 1.3 у меня есть.

Мне достаточно только CSS новогоднюю под 1.3 взять

Однако, Если Вы знаете хоть один сайт с форумом 1.3, где сейчас на данное установлен этот зимний скин, то дайте ссылку, а я попробую там из браузера вытащить css, если они его не защитили.

Edited December 12, 2007 by Fisana

[Fisana 700]

Эти некоторые не защищены. Защититься вообще невозможно, иначе в браузере ничего бы не отображалось.

 

Вы притворяетесь, издеваетесь или действительно не видите в коде ссылку - fenixclub.com/cache/t_css_1.css ?

 

Я не брожу по форумам 1.3, поэтому ссылку дать не могу.

Знаю только одно точно, зимний скин использует ДЕФОЛТНЫЙ CSS.

 

Еще раз повторяю, замените графику, местами переименовав файлы согласно стандартам 1.3 и будет Вам счастье.

[Mist 0]

news

А почему ты действительно не хочешь взять графику с новогоднего стиля на 2 версию?

Если у тебя на 1.3 скин дефолтный, очень хорошо будет смотреться.

[news 0]

Обнаружил в интернете сайт на IPB 1.3 с новогодним скином. Скачал CSS, GIF, упаковал в tar-архив и выкладываю ссылку на этот скин, а то интернет большой, а ни хрена нужного не найдешь за 5 минут.

http://stream.ifolder.ru/4651310

Edited December 21, 2007 by news

[Fisana 700]

Спасибо.

Возможно, кто-то и воспользуется :)