коды

Поделиться12011-07-14 15:39:49

Автор: Злодейк@
Администратор
Зарегистрирован: 2011-07-06
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
16 часов 28 минут
Последний визит:
2019-02-01 21:05:45

Закрепление фона
в html вверх

Код:

<style type="text/css">
body {
background: url(http://s011.radikal.ru/i318/1107/fb/8f458fe0ed6a.jpg) no-repeat fixed !important;
}
</style>

0

Поделиться22011-07-15 14:28:29

Автор: Злодейк@
Администратор
Зарегистрирован: 2011-07-06
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
16 часов 28 минут
Последний визит:
2019-02-01 21:05:45

подскажите пожалуйста, как сделать такое же разделение по категориям, чтобы форум вроде блоками был, как тут: http://photoshopcity.ipbb.ru/

Там форум сделан полностью одним сплошным цветом, а затем на названия каждой из категорий поставили изображение, вот такое: http://xmages.net/storage/10/1/0/5/5/up … 2354e9.jpg. Как видите, изображение чуть больше, чем ширина форума, а также имеет скруглённые участки (сиреневого цвета) там, где будут блоки категорий.
Код для вставки такой:

Код:

<style type="text/css">
.category h2 span{
display: none;
}

#pun-category1 h2 {
height: 81px; 
background-image: url(Адрес изображения для первой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category2 h2 {
height: 81px; 
background-image: url(Адрес изображения для второй категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category3 h2 {
height: 81px; 
background-image: url(Адрес изображения для третьей категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category4 h2 {
height: 81px; 
background-image: url(Адрес изображения для четвёртой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category5 h2 {
height: 81px; 
background-image: url(Адрес изображения для пятой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category6 h2 {
height: 81px; 
background-image: url(Адрес изображения для шестой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category7 h2 {
height: 81px; 
background-image: url(Адрес изображения для седьмой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category8 h2 {
height: 81px; 
background-image: url(Адрес изображения для восьмой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}
</style>

0

Поделиться32011-07-15 14:44:03

Автор: Злодейк@
Администратор
Зарегистрирован: 2011-07-06
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
16 часов 28 минут
Последний визит:
2019-02-01 21:05:45

html верх

<style>
.punbb .blockquote,.punbb .code-box, .punbb .quote-box,.punbb img {
max-width:670px!important;
margin-left:-0!important;
white-space:pre-wrap;
}
</style>

<style>
.punbb {
width:100%;
}
.punbb table {
table-layout: auto!important;
width:76%;
}
body {
padding-top:600px;
}
#pun-title *{
max-height:70px!important;
}
</style>
<style>

.sidebar {position: absolute;
margin-top:600px;
background: url(http://s006.radikal.ru/i215/1101/7d/39498dc62310.png) repeat 50% 50%;
width: 200px;
color:#fff;
top:0;
height: 1000px;
padding: 5px;
padding-top: 100px;
text-align: center;
}

#Leftbar {
margin-left:-220px;
}

#pun {
margin: 0 15px 0 auto!important;
width:990px; /*Реальная ширина на нормальных мониках*/
padding: 0px 0px 0px 5px;
}
</style>
<div style="float:left;">
<div id="Leftbar" class="sidebar">
<h2>1111111</h2>
<div class="container">
Здесь<br>
здесь <br>
и здесь <br>
<br>
<br>
<br>
<h2>22222222</h2>
<div class="container">
Здесь<br>
здесь <br>
и здесь <br>
<br>
<br>
<br>
<h2>33333</h2>
<div class="container">
Здесь<br>
здесь <br>
и здесь <br>
<br>
<br>
<br>

</div>
</div></div>

<style type="text/css">
body {
background: url(http://s011.radikal.ru/i318/1107/fb/8f458fe0ed6a.jpg) no-repeat fixed !important;
}
</style>

padding: 0px 0px 0px 5px;

дублирование серого фона со всех сторон. Оставлять 0 дабы не дублировалось

0

Поделиться42011-07-15 16:03:36

Автор: Злодейк@
Администратор
Зарегистрирован: 2011-07-06
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
16 часов 28 минут
Последний визит:
2019-02-01 21:05:45

width:990px; /*Реальная ширина на нормальных мониках*/

ширина серого фона, не изменяет положения, а только ширину

0

Поделиться52011-07-15 18:02:22

Автор: Злодейк@
Администратор
Зарегистрирован: 2011-07-06
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
16 часов 28 минут
Последний визит:
2019-02-01 21:05:45

max-width:670px!important;

изменяет ширину сообщений в темах

0

Поделиться62011-07-15 18:05:35

Автор: Злодейк@
Администратор
Зарегистрирован: 2011-07-06
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
16 часов 28 минут
Последний визит:
2019-02-01 21:05:45

max-width:670px!important;
margin-left:-0!important;

выезд цитат относительно основного текста в сообщениях

0

Поделиться72011-07-15 18:21:50

Автор: Злодейк@
Администратор
Зарегистрирован: 2011-07-06
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
16 часов 28 минут
Последний визит:
2019-02-01 21:05:45

написал(а):

.sidebar {position: absolute;
margin-top:600px;
background: url(http://s006.radikal.ru/i215/1101/7d/39498dc62310.png) repeat 50% 50%;
width: 200px;
color:#fff;
top:0;
height: 1000px;
padding: 5px;
padding-top: 100px;
text-align: center;
}

длина сайдбара

0

Поделиться82011-07-15 18:24:25

Автор: Злодейк@
Администратор
Зарегистрирован: 2011-07-06
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
16 часов 28 минут
Последний визит:
2019-02-01 21:05:45

Somik in Wonderland написал(а):

Подскажите скрипт отворачивания уголка

Код:

<script type="text/javascript">
  esel_small = 'Ссылка на картинку размером 100х100';
  esel_big = 'Ссылка на картинку большого изображения';
  esel_url = 'Ссылка переход при нажатие на баннер';
  esel_s = 'http://szenprogs.ru/flash/esel_s.swf';
  esel_b = 'http://szenprogs.ru/flash/esel_b.swf';
</script>
<script type="text/javascript" src="http://szenprogs.ru/scripts/esel.js"></script>

Вставляете 2 картинки свои и ссылку куда нужно перейти при нажатие на баннер, если переход не нужен эту строчку можно убрать

0

Поделиться92011-07-15 21:30:52

Автор: Злодейк@
Администратор
Зарегистрирован: 2011-07-06
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
16 часов 28 минут
Последний визит:
2019-02-01 21:05:45

Код:

<style>  /*Полупрозрачность форума */
#pun{
filter:alpha(opacity=85);
opacity: 0.85;
-moz-opacity: 0.85;
-khtml-opacity: 0.85;
}
.punbb img{
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}
</style>

Собстно полупрозрачность серого фона

0

Поделиться102011-07-16 20:44:57

Автор: Злодейк@
Администратор
Зарегистрирован: 2011-07-06
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
16 часов 28 минут
Последний визит:
2019-02-01 21:05:45

<style>
#pun {
background:none transparent!important;
}
.punbb table.frameCategor{
width:100%;
background:url(http://i071.radikal.ru/1107/7e/6dec02ba1184.png) repeat top center;
margin-top:20px!important; /* Расстояние между соседними рамками по вертикали */
}
.punbb .frameCategor h2,
.punbb .frameCategor .category,
.punbb .frameCategor #pun-stats {
margin:0!important;
}
.announcement #pun-announcement,
.announcement #pun-crumbs1,
.announcement #pun-break2,
table.frameCategor,
table.frameCategor tr,
table.frameCategor td {
table-layout: auto!important;
padding:0!important;
margin:0!important;
border-collapse:collapse!important;
border:none 0 transparent!important;
}
table.frameCategor td.AvrImd img {
display:block;
padding:0!important;
margin:0!important;
border:none 0 transparent!important;
}
table.frameCategor td.W2,
table.frameCategor td.W3 {
width:10px!important;/*Ширина Подрамника cлево-справо*/
}
table.frameCategor tr.z1,
table.frameCategor tr.z3 {
height:10px!important;/*Высота Подрамника cнизу-сверху*/
}
table.frameCategor td.AvrImd {
padding:0!important;
margin:0!important;
width:auto; /*Ширина таблички*/
}
table.frameCategor tr.z1 {/* Cтавим верхнюю часть Рамки */
background:url(http://savepic.org/1993003.gif) repeat-x top center;
}
table.frameCategor td.W2 {/* Cтавим Рамку Слева */
background:url(http://savepic.org/1993003.gif) repeat-y left center;
}
table.frameCategor td.W3 {/* Cтавим Рамку Справо */
background:url(http://savepic.org/1993003.gif) repeat-y right center;
}
table.frameCategor tr.z3 {/* Cтавим Рамку Снизу */
background:url(http://savepic.org/1993003.gif) repeat-x bottom center;
}

</style>
<script>
if($(".punbb").attr("id")=="pun-index"){
var z1='<tr class="z1"><td class="W1" colspan="3"></td></tr>'
var z3='<tr class="z3"><td class="W4" colspan="3"></td></tr>'

$("#pun-status").wrap('<div class=announcement></div>') // часть скрипта для рамки под Объяву
$("#pun-break1").appendTo(".announcement");
$("#pun-crumbs1").appendTo(".announcement");
$("#pun-break2").appendTo(".announcement");
$("#pun-announcement").wrap('<div class=announcement></div>');//End// Части скрипта для рамки под Объяву

$(".announcement,div.category,#pun-stats").each(function () {
$(this).wrap('<table class="frameCategor" cols="3" rows="3" valign="top" cellspacing="0" cellpadding="0" class="frameCategor"><tr class="z2"><td class="AvrImd"></td></tr></table>')
});

$(".frameCategor ").each(function () {
$(this).find(".z2").prepend('<td class="W2"></td>')
$(this).find(".z2").append('<td class="W3"></td>')
$(this).prepend(z1)
$(this).append(z3);
});
}
</script>

Разделение категорий рамкой

0

Поделиться112011-07-17 00:27:01

Автор: Злодейк@
Администратор
Зарегистрирован: 2011-07-06
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
16 часов 28 минут
Последний визит:
2019-02-01 21:05:45

выавыфаыаф

0

Поделиться122011-07-20 22:03:11

Автор: Злодейк@
Администратор
Зарегистрирован: 2011-07-06
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
16 часов 28 минут
Последний визит:
2019-02-01 21:05:45

Рамки под категории, старая версия. Обрамление над картинкой категории

Код:

<!--  Рамки Под Категории -->
<style id=Somik>#pun{background:none transparent!important;}</style>
<script>if($(".punbb").attr("id")!="pun-index")$("style.#Somik").replaceWith("");</script>
<style>
.punbb table.frameCategor{
width:100%;
 background:url(http://i51.tinypic.com/2yv8kzo.png) repeat top center;
margin-top:20px!important; /* Расстояние между соседними рамками по вертикали */
}
.punbb .frameCategor h2,
.punbb .frameCategor .category,
.punbb .frameCategor #pun-stats {
 margin:0!important;
}
.announcement #pun-announcement,
.announcement #pun-crumbs1,
.announcement #pun-break2,
table.frameCategor,
table.frameCategor tr,
table.frameCategor td {
 table-layout: auto!important;
 padding:0!important;
 margin:0!important;
 border-collapse:collapse!important;
 border:none 0 transparent!important;
}
table.frameCategor td.AvrImd img {
 display:block;
 padding:0!important;
 margin:0!important;
 border:none 0 transparent!important;
}
table.frameCategor td.W2,
table.frameCategor td.W3 {
 width:10px!important;/*Ширина Подрамника cлево-справо*/
}
table.frameCategor tr.z1,
table.frameCategor tr.z3 {   
 height:10px!important;/*Высота Подрамника cнизу-сверху*/
}
table.frameCategor td.AvrImd {
 padding:0!important;
 margin:0!important;
 width:auto;	/*Ширина таблички*/
}
table.frameCategor tr.z1 {/* Cтавим верхнюю часть Рамки */
 background:url(http://s41.radikal.ru/i092/1107/5a/d22837c806ff.png) repeat-x top center;
}
table.frameCategor td.W2 {/* Cтавим Рамку Слева */
 background:url(http://s41.radikal.ru/i092/1107/5a/d22837c806ff.png) repeat-y left center;
}
table.frameCategor td.W3 {/* Cтавим Рамку Справо */
 background:url(http://s41.radikal.ru/i092/1107/5a/d22837c806ff.png) repeat-y right center;
}
table.frameCategor tr.z3 {/* Cтавим Рамку Снизу */   
 background:url(http://s41.radikal.ru/i092/1107/5a/d22837c806ff.png) repeat-x bottom center;
}

</style>
<script><!-- Рамки Под Категории  -->
if($(".punbb").attr("id")=="pun-index"){
var z1='<tr class="z1"><td class="W1" colspan="3"></td></tr>'
var z3='<tr class="z3"><td class="W4" colspan="3"></td></tr>'


    $("#pun-status").wrap('<div class=announcement></div>') // часть скрипта для рамки под Объяву
    $("#pun-break1").appendTo(".announcement");
    $("#pun-crumbs1").appendTo(".announcement");
    $("#pun-break2").appendTo(".announcement");
    $("#pun-announcement").wrap('<div class=announcement></div>');//End// Части скрипта для рамки под Объяву

    $(".announcement,div.category,#pun-stats").each(function () {
    $(this).wrap('<table class="frameCategor" cols="3" rows="3" valign="top" cellspacing="0" cellpadding="0" class="frameCategor"><tr class="z2"><td class="AvrImd"></td></tr></table>')
     });

 $(".frameCategor ").each(function () {
    $(this).find(".z2").prepend('<td class="W2"></td>')
    $(this).find(".z2").append('<td class="W3"></td>') 
    $(this).prepend(z1)
    $(this).append(z3);
     });
}
</script><!-- Конец//Рамки Под Категории -->

0

design

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе

коды

Сообщений 1 страница 12 из 12

Поделиться12011-07-14 15:39:49

Поделиться22011-07-15 14:28:29

Поделиться32011-07-15 14:44:03

Поделиться42011-07-15 16:03:36

Поделиться52011-07-15 18:02:22

Поделиться62011-07-15 18:05:35

Поделиться72011-07-15 18:21:50

Поделиться82011-07-15 18:24:25

Поделиться92011-07-15 21:30:52

Поделиться102011-07-16 20:44:57

Поделиться112011-07-17 00:27:01

Поделиться122011-07-20 22:03:11