Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
Buskopan

Редактирование шаблонов использующих IP.Wrapper

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

Вот бывает так, что из-за какой-то мелочи мучаешься часами или сутками.

Помогают средства разработчиков в браузерах. Например, в опере.

Поделиться сообщением


Ссылка на сообщение

Вот бывает так, что из-за какой-то мелочи мучаешься часами или сутками.

Помогают средства разработчиков в браузерах. Например, в опере.

Вы правы. 12 часов потратил, хоть и стоит на лисичке Firebug

 

Ушел раскладывать блоки главной страницы.

 

наверняка еще вернусь с вопросами. Тему наверное можно переименовать чуть чуть.

Поделиться сообщением


Ссылка на сообщение

Переименуйте. Разве нет прав?

Поделиться сообщением


Ссылка на сообщение

Разве нет прав?

неа.

Поделиться сообщением


Ссылка на сообщение

А если первый пост редактировать (расширенный режим)?

Поделиться сообщением


Ссылка на сообщение

А если первый пост редактировать (расширенный режим)?

получилось, спасибо.

 

 

Еще вопрос. Не горит. Когда будет время подумайте, почему

 

Этот див

 

<div id="category_list" class="general_box clearfix">

 

дает в вашем скине(а возможно и во всех кастомных) непонятные синие квадратики справа у блоков. Это по умолчанию. Ничего не трогал.

 

они справа. Это понимаю, какие-то кусочки от IP.Board скина, которых вы не прописывали ?

Поделиться сообщением


Ссылка на сообщение

Это же css от контента имеет дефолтные цвета.

И в скине не правлено, и в приложении, само собой.

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

Как заставить заголовки статей использовать <h2 class="maintitle"> ? Сейчас они используют <h2>

 

кусок CSS файла IP.Content

 

 

* Article layout styles
*/
.articles-layout {
width: 100%;
}

.articles {
font-size: 13px;
width: 78%;

}

.articles a:hover {
	text-decoration: underline;
}

.articles .clear {
clear: both;
}

.articles .type-1x2x2 .block-2,
.articles .type-1x2x2 .block-3 {
width: 48%;
float: left;
}

.articles .type-1x1x1 h2 {
font-size: 20px;
}

.articles .type-1x2x2 .block-2 h2 {
font-size: 16px;
}

.articles .type-1x2x2 .block-1 h2 {
font-size: 20px;
}

.articles .type-1x2x2 .block-3 h2 {
font-size: 14px;
}

.articles .article_title {
font-size: 24px;
text-indent: 0px;
height: auto;
width: auto;
clear: right;
}

.articles .type-1x1x1 .photo {
float: right;
margin-left: 15px;
}

.articles .type-1x2x2 .photo {
margin-right: 15px;
float: left;
}

.articles .type-1x1x1 .overview {
width: 100%;
}

.articles .type-1x2x2 .block-1 .overview {
float: left;
width: 70%;
}

.articles .type-1x2x2 .block-2 .links,
.articles .type-1x2x2 .block-3 .links {
padding-top: 10px;
margin-left: 0px;
display: block;
clear: both;
bottom: 0px;
position: relative;
}

.articles .block {
padding-bottom: 20px;
padding-top: 20px;
}

.articles .block .article-pages {
	display: none;
}

.articles .block-1,
.articles .type-1x2x2 .article_row {
	border-bottom: 1px solid #d8d8d8;
}

	.articles .type-1x2x2 .article_row:last-child {
		border-bottom: none;
	}

.article_row, .articles .block {
overflow: hidden;
}

.articles .moderated { background-color: #f2e4e7; padding: 2px; }
.articles .block.moderated { padding: 5px; }
.articles .moderated a { color: #6f3642; }

.articles h2,
.articles h3 {
font-weight: bold;
       font-color: black;
}

.articles .overview h2 a {
font-size: 20px;
text-decoration: none;
}

.articles .links {
	margin-top: 8px;
	display: block;
}

.articles .links a {
	font-size: 11px;
}

.articles .links a.read_more {	
	font-weight: bold;
}

.articles .excerpt,
.articles .article_body {
margin-top: 10px;
line-height: 150%;
}

.articles .article_body {
margin-bottom: 25px;
}

.articles .pagelinks {
margin-top: 4px;
}

.utilities {
font-size: 11px;
bottom: -10px;
position: relative;
}

.utilties a:hover {
	text-decoration: none;
}

.utilities img {
	vertical-align: bottom;
	margin-top: -2px;
}

#previous_bar {
text-align: right;
font-size: 14px;
font-weight: bold;
padding: 7px;
}


/**
* Archive and category styles
*/
.articles .archives h2,
.articles .categories h2 {
font-size: 20px;
}

.articles .archives h3,
.articles .categories h3 {
font-size: 16px;
padding-left: 0px;
}

.articles .archives .block,
.articles .categories .block {
padding: 10px 0;
}

.articles .archives .block {
	border-top: 1px solid #ebebeb;
}

	.articles .archives .block:nth-child(6) {
		border-top: none;
	}

.articles .archives .block .excerpt, .articles .archives .links,
.articles .categories .block .excerpt, .articles .categories .links {
	margin-top: 5px;
}

.articles .subcat {
margin-bottom: 10px;
padding: 15px 0 10px;
border-top: 1px solid #d8d8d8;
overflow: hidden;
}

.articles .subcat h2 {
	float: left;
	width: 180px;
	font-weight: normal;
}

	.articles .subcat h2 .desc {
		display: block;
		margin-top: 10px;
	}

	.articles .subcat h2 img {
		vertical-align: middle;
		margin-right: 5px;
	}

	.articles .subcat h2 a {
		text-decoration: none;
	}

.articles .subcat em.moderated {
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.articles .archives .photo,
.articles .categories .photo {
float: right;
margin-left: 15px;
margin-top: 10px;
}

.sort_bar {
font-size: 11px;
padding: 6px 6px;
text-align: right;
border-bottom: 4px solid #ebebeb;
color: #a3a3a3;
}

.sort_bar ul, .sort_bar li {
	display: inline;
}

.sort_bar li {
	margin: 0 0 0 10px;
}

.sort_bar a {
	text-decoration: none;
}

.sort_bar li.active {
	font-weight: bold;
}

	.sort_bar li.active a {
		background: #243F5C;
		color: #fff;
		padding: 3px 10px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}

.articles .children {
overflow: hidden;
font-size: 11px;
margin-top: 8px;
float: left;
clear: left;
max-width: 180px;
margin-left: 20px;
line-height: 130%;
}

.articles .archives .subcats .subcat:first-child {
border-top-width: 4px;
}
.articles .categories .subcats .subcat:first-child {
border-top-width: 0px;
}

.articles .last_article {
	margin-left: 200px;
}

	.articles .last_article h3 {
		padding-left: 0px;
	}

.articles .pagelinks a {
display: inline-block;
text-decoration: none;
background: url({style_images_url}/topic_button_right.png );
margin-left: 5px;
padding: 4px 7px 4px;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 14px;
font-weight: bold;
}

.articles .pagelinks a:hover {
	background: url({style_images_url}/topic_button_right_hover.png );
	text-decoration: none !important;
	color: #fff;
}

.articles .archives .topic_controls {
min-height: 0px;
}

post-39692-0-34549800-1292215979_thumb.jpg

Поделиться сообщением


Ссылка на сообщение

кусок CSS файла IP.Content

Это надо менять в шаблоне статей.

на

Поделиться сообщением


Ссылка на сообщение

Это надо менять в шаблоне статей.

<h2> на <h2 class="maintitle">

спасибо огромное !

Осталось добавить отступ между статьями.

 

Чего добиваемся добавлением

 

<br> в шаблоне статей после закрытия первого дива в <!-- START ARTICLE POSITION 1 -->

 

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

 

Подправленный шаблон лежит тут.

Поделиться сообщением


Ссылка на сообщение

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

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

×
×
  • Создать...