Перейти к публикации
View in the app

A better way to browse. Learn more.
Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Опубликовано:

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

 

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

 

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

 

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

 

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

Рекомендованные сообщения

Опубликовано:

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

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

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

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

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

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

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

Опубликовано:

Так такой же.

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

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

Опубликовано:
Так такой же.

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

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

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

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

6b5314038008.jpg

То есть все ничего только встречаются буквы БОЛЬШОГО РАЗМЕРА (ГЛАВНАЯ, УЧАСТНИКИ) - видимо те вещи, которые были у 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>

ну и т.д....

 

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

Изменено пользователем SomehaiN
Пожалуйста, учитесь использовать [codebox][/codebox]

Опубликовано:

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

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

 

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

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

Опубликовано:

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

Опубликовано:

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

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

 

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

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

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

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

Использую.

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

Опубликовано:

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

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

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

 

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

Опубликовано:
Код же в БРАУЗЕРЫ отдается...

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

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

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

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

Изменено пользователем Fisana

Опубликовано:

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

 

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

 

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

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

 

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

Опубликовано:

news

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

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

Опубликовано:

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

http://stream.ifolder.ru/4651310

Изменено пользователем news

Опубликовано:

Спасибо.

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

Создайте аккаунт или войдите в него для комментирования

Перейти к списку тем

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.