Имя файла: IPB 3.2-3.4 IBR Skin

Владелец файла: Fisana

Файл размещен: 08 Авг 2011

Файл обновлен: 04 Ноя 2013

Категория файла: IPB 3.2-3.4 Skins

 

Свежая версия совместима с

IP.Board 3.4.6

IP.Blog 2.6.3

IP.Calendar 3.3.4

IP.Content 2.3.6

IP.Downloads 2.5.4

IP.Gallery 5.0.5

 

Скины для IPB 3.2-3.3 ищите в предыдущих версиях (см. справа внизу на этой странице)

 

Включает бланки логотипов, шрифт и иконки групп.

 

Для редактирования надписи в футере:

 

1. Войдите в АЦ

2. Внешний вид > Редактирование шаблонов в Delicate_blue

3. Откройте Глобальные > globalTemplate

4. Найдите

Your Company Name

Замените текст на свой

5. Если хотите вставить счетчики, найдите выше

<img src='{$this->settings['img_url']}/pic.png' alt='' />

Замените кодом счетчиков (можно несколько подряд)

 

 

====================English============

Included: png and psd Logo blanks

 

For editing footer:

1. Go to ACP

2. Look & Feel > Manage Skin Sets & Templates > Manage Templates in Delicate_blue

2. Open Global Templates > globalTemplate

3. Find

<div class='foot'><span class='left'><img 

src='{$this->settings['img_url']}/pic.png' alt='' 

/></span><span class='right'>Copyright © {parse expression="strftime('%Y')"} Your 

Company Name</span></div>

4. Edit

Your Company Name

 

О найденных ошибках не ленитесь сообщать в тему поддержки.

 

Нажмите сюда, чтобы скачать этот файл

Здравствуйте. Возник вопрос. При обновлении версии на 3.2 скин форума изменился. И теперь не растягивается в ширину, это очень неудобно на высоком разрешении широкоформатного монитора. Это такая задумка или косяк? И как можно изменить скин, что бы ширина подстраивалась автоматически.

 

Заранее благодарен за ответ.

ipb_styles.css

 

#corner {

 

Уберите

max-width: 1400px;

Fisana, спасибо за очень красивый скин!

 

Есть такой вопрос. Как можно изменить высоту блока со ссылками на главную, форумы, календарь и прочее?

Там картинки в кнопках, если высоту менять, они, возможно, не влезут.

А вообще #primary_nav + паддинг в подчиненных классах

Там картинки в кнопках, если высоту менять, они, возможно, не влезут.

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

 

Подскажите пожалуйста, в каких файлах производить изменения?

В ipb_styles. css

Возможно Вам нужны изменения шапки, а не меню?

Тогда просто обрежьте снизу картинку логотипа на 10-20px. Высота шапки уменьшится, кнопки трогать не придется.

Здравствуйте)

 

есть вопросик по данному скину...

 

Как (по-нормальному) изменить ширины панелей на основной странице форума.

А именно главную панель (левую, где размещены списки разделов, форумов и т.д.) сделать чуть больше?

А боковую (правую, сайтбар, что можно скрыть, со всякими доп. меню) сделать чуть уже?

 

Я пробовал для боковой (правой) вводить фикс. ширину и привязку к одному краю, а центральную панель приходилось растягивать за счет ширин того, что её наполняет, и визуально добивался чего-то похожего на желаемое, но метода Не верна в основе, так как частично летят прелести авто растягивания или уменьшения в зависисмости от разрешения экрана + возникают некие моменты с выравниваниями где эти же атрибуты используются для иных боковых меню (например на странице личной почты и т.п.)

 

Поэтому и возник вопрос, как это сделать грамотно?

 

p.s. заранее спасибо)

Для изменения на 10px

Открыть ipb_styles.css

Найти

 

.ipsLayout_largeright.ipsLayout_withright { 
padding-right: 280px;
}

Заменить на

.ipsLayout_largeright.ipsLayout_withright { 
padding-right: 270px;
}

 

И обязательно найти

.ipsLayout_largeright.ipsLayout .ipsLayout_right { 
margin-right: -280px;
width: 270px;
}

Заменить на

.ipsLayout_largeright.ipsLayout .ipsLayout_right { 
margin-right: -270px;
width: 260px;
}

Спасибо за ответ и извиняюсь за тупость, что проглядел такой очевидный кусок css ...

Здравствуйте @Fisana

 

для 3.3.x обновление будет?

Будет обязательно.

Если успею, то завтра или на выходных (если не уеду)

желаю приятного отдыха :)

Обновлен до 3.3.0 :)

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

Тоесть когда отвечаеш в теме и нажимаеш на смайлики то в низу их чуть видно.

А в скине от IP.Board 3.2.2. все ок... помогите устранить эту проблему.

Да а нельзя ли мне добавить: Использовано 743,45К из разрешенных вам 700К для загрузки файлов ...))) Хотел картинки в тему прицепить пишет что все кончилось, лимит исчерапан.)

Попробуйте заменить код ipb_ckeditor.css этим

/***************************************************************/
/* IP.Board 3.2 Editor CSS                                        */
/* ___________________________________________________________ */
/* By Matt Mecham					                            */
/***************************************************************/
/* Styles for the editor (colors in main css) */
/***************************************************************/

.as_content {
background: #fff;
font-size: 1.0em;
border: 1px solid black;
padding: 6px;
margin: 8px;
overflow: auto;
max-height: 400px;
}
.as_buttons {
text-align: right;
padding: 4px 0px;
}
.as_message {
display: inline-block;
}

.ipsEditor_textarea
{
width: 99%;
height: 200px;
   font-size: 14px;
}

.cke_browser_webkit {outline:none !important;}

/* Main tool bar BG */
.cke_top
{
background: #e4e4e4 url({style_images_url}/editor/toolbar_bg.png) repeat-x !important;

}

/* Minimized RTE */
.cke_skin_ips .cke_wrapper.minimized { 
   opacity: 0.6 !important;
   background: none !important;
   border: none !important;
}

/* Minimized STD */
.cke_skin_ips .cke_wrapper.minimized.std { border: 2px solid #d2d7df !important; }

/* Main Editor wrapper */
.cke_skin_ips { margin-bottom: 0px !important; }

.cke_skin_ips .cke_wrapper
{
padding: 0px 5px 0px 3px !important;
border: 2px solid #d2d7df !important;
background-color: #E4E4e4 !important;
background-image: none !important;
}

/* OFF state for editor buttons */
.cke_skin_ips .cke_toolgroup
{
background-color: transparent !important;
}

/* HOVER 'off' button */
.cke_skin_ips .cke_button a:hover,
.cke_skin_ips .cke_button a:focus,
.cke_skin_ips .cke_button a:active	/* IE */
{
background-color: #fff !important;
}

/* HOVER 'on' button */
.cke_skin_ips .cke_button a:hover.cke_on,
.cke_skin_ips .cke_button a:focus.cke_on,
.cke_skin_ips .cke_button a:active.cke_on	/* IE */
{
background-color: #cbc3ed !important;
}

/* Button group */
.cke_skin_ips .cke_toolgroup
{
margin-right: 0px !important;
}

/* Button separator */
.cke_skin_ips .cke_separator
{
border-left:solid 1px #d2d7df;
display:inline-block !important;
float:left;
height:30px;
margin:0px 2px;
}

/* DIALOG: Modal blind */
.cke_dialog_background_cover
{
background-color: #3e3e3e !important;
}

/* DIALOG: Title - based on .maintitle */
.cke_skin_ips .cke_dialog_title
{
background: #555 url({style_images_url}/maintitle.png) repeat-x top !important;
color: #fff !important;
padding: 10px 10px 11px !important;
font-size: 16px !important;
font-weight: 300 !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
font-weight: normal;
}

/* Dialog: Body */
.cke_skin_ips .cke_dialog_body {
z-index: 10000 !important;
}

/* Dialog tab bg (will usually match dialog title) */
.cke_skin_ips .cke_dialog_tabs {
background: #5b3f7d !important;
}

/* Dialog Title close button */
.cke_skin_ips .cke_dialog_close_button
{
background: transparent url({style_images_url}/close_popup.png) no-repeat top left !important;
width: 13px !important;
height: 13px !important;
top: 11px !important;
right: 10px !important;
}

/* Dialog OK / Cancel buttons - based on ipsButton_secondary*/
.cke_skin_ips span.cke_dialog_ui_button
{
height: 22px !important;
line-height: 22px !important;
font-size: 12px !important;
color: #7c7c7c !important;
padding: 0 10px !important;
background: #f6f6f6 !important;
background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%) !important; /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)) !important; /* webkit */
border: 1px solid #dbdbdb !important;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3) !important;
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3) !important;
box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
color: #616161 !important;
display: inline-block !important;
white-space: nowrap !important;
}


/* Turn off resizer */
.cke_skin_ips .cke_dialog_footer .cke_resizer { display: none; }

/* Emo slide out tray */
.ipsSmileyTray
{
text-align: center;
overflow: auto;
margin: 0px auto 0px auto;
padding: 4px 4px 4px 4px;
min-width: 600px;
width: 75%;
height: 32px;
border: 1px solid #d2d7df;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

-moz-border-radius-topleft: 0px;
-webkit-border-radius-topleft: 0px;
border-top-left-radius: 0px;

-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
border-top-right-radius: 0px;

border-top: 0px;
-moz-box-shadow: inset 0 1px 0 0 #eee, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eee, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eee, 0px 2px 3px rgba(0,0,0,0.2);

background: #e4e4e4;
overflow-y: hidden;
}
.ipsSmileyTray img.bbc_emoticon {
	opacity: 0.8;
	cursor: pointer;
	margin: 6px 3px 0px 3px;
	max-width: 30px;
	max-height: 30px;
 }
 	.ipsSmileyTray img.bbc_emoticon:hover {
		opacity: 1.0;
 	}

.ipsSmileyTray .ipsSmileyTray_next {
	background: transparent url({style_images_url}/editor/next.png) no-repeat;
	background-position: 0px 10px;
	display: inline-block;
	float: right;
	position: relative;
	right: -20px;
	width: 13px;
	height: 30px;
	cursor: pointer;
}

.ipsSmileyTray .ipsSmileyTray_prev {
	background: transparent url({style_images_url}/editor/prev.png) no-repeat;
	background-position: 0px 10px;
	display: inline-block;
	position: relative;
	left: -20px;
	float: left;
	width: 13px;
	height: 30px;
	cursor: pointer;
}

   .ipsSmileyTray_all {
       display: block;
       width: auto;
       margin: 3px auto 0px auto;
       text-align: center;
       cursor: pointer;
       font-size: 10px !important;
   }

/* ACP Specific */
table.cke_editor td { padding: 0px !important; }

 

700К - это ИМХО очень много на 30 постов. Картинки надо сжимать. Для показа багов высокое качество не нужно.

 

Увеличила всем пользователям лимит до 1000, но размер вложений к посту уменьшила до 50 (было 200). Потому что картинки с показом багов больше 50 кб загружать неприлично.