Как сделать графическую рамку категории и тем?
рамка.
Сообщений 1 страница 20 из 26
Поделиться1Пт, 22 Фев 2013 15:09:57
Поделиться4Пт, 1 Мар 2013 03:31:40
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51118
- Уважение: +15200
- Позитив: +11593
- Последний визит:
Сегодня 18:54:51
Swetynasty
Изобразите итог
Поделиться5Сб, 2 Мар 2013 18:28:44
Deff
http://uploads.ru/tUMSp.png - рамка
-скрин)
Поделиться6Сб, 2 Мар 2013 18:55:56
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51118
- Уважение: +15200
- Позитив: +11593
- Последний визит:
Сегодня 18:54:51
Swetynasty
В HTML верх или низ
<style type="text/css">
#pun-index .category {
margin-top:5px;
}
div.wrap {
position:relative;
padding:4px; /*Ширина рамки*/
margin-bottom:4px; /*Отступ рамки одна от другой*/
}
div.wrap img.Ramka {
position:absolute;
z-index:100;
height:100%;
width:100%;
}
</style>
<script type="text/javascript">
var img = 'http://s2.uploads.ru/gvqrT.png';
$(document).ready(function(){
$('#pun-index .category').wrap('<div class="wrap"></div>');
$('#pun-index .category').parent().prepend('<img class="Ramka" src="'+img+'"/>')
});
</script>
Отредактировано Deff (Сб, 2 Мар 2013 18:59:56)
Поделиться7Сб, 2 Мар 2013 19:10:25
Deff
http://talent.rusff.ru/
Смотрите, что происходит. Когда в категории только один форум, рамка сверху и снизу не так отображает.Чем больше форумов, тем нормальнее устанавливается рамка.
Можно ли это исправить?
Поделиться8Сб, 2 Мар 2013 19:16:29
и еще ссылки не нажимаются оО
Поделиться9Сб, 2 Мар 2013 19:31:57
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51118
- Уважение: +15200
- Позитив: +11593
- Последний визит:
Сегодня 18:54:51
Swetynasty
<style type="text/css">
div.wrap {
z-index:10;
position:relative;
padding:5px 5px 0 5px; /*Ширина рамки*/
margin-top:2px; /*Отступ рамки одна от другой*/
}
div.wrap img.Ramka {
margin:0;
position:absolute;
z-index:-1;
height:100%;
width:100%;
}
#pun-index .category {
margin:6px 0 6px 10px;
}</style>
<script type="text/javascript">
var img = 'http://s2.uploads.ru/gvqrT.png';
$(document).ready(function(){
$('#pun-index .category').wrap('<div class="wrap"></div>');
$('#pun-index .category').parent().prepend('<img class="Ramka" src="'+img+'"/>')
});
</script>
Поделиться10Сб, 2 Мар 2013 19:41:00
Deff
ширина не исправилась(И как то вы рамку сделали позади?
Отредактировано Swetynasty (Сб, 2 Мар 2013 19:41:34)
Поделиться11Сб, 2 Мар 2013 19:57:24
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51118
- Уважение: +15200
- Позитив: +11593
- Последний визит:
Сегодня 18:54:51
<style type="text/css">
div.wrap {
z-index:10;
position:relative;
padding:5px 5px 0 5px; /*Ширина рамки*/
margin-top:2px; /*Отступ рамки одна от другой*/
}
div.wrap img.Ramka {
margin:2px 6px 0px -6px;
position:absolute;
z-index:-1;
height:100%;
width:100%;
}
#pun-index .category {
margin:6px;
}</style>
<script type="text/javascript">
var img = 'http://s2.uploads.ru/gvqrT.png';
$(document).ready(function(){
$('#pun-index .category').wrap('<div class="wrap"></div>');
$('#pun-index .category').parent().prepend('<img class="Ramka" src="'+img+'"/>')
});
</script>
Поделиться12Сб, 2 Мар 2013 20:02:58
Deff
не...все равно не хочет(((
Поделиться13Сб, 2 Мар 2013 20:04:23
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51118
- Уважение: +15200
- Позитив: +11593
- Последний визит:
Сегодня 18:54:51
Swetynasty
Ну тады по другому
Поделиться14Сб, 2 Мар 2013 20:14:31
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51118
- Уважение: +15200
- Позитив: +11593
- Последний визит:
Сегодня 18:54:51
<style type="text/css">
#pun-index .category {
border-color:transparent!important;
border-width: 8px!important;
-moz-border-image: url(http://s2.uploads.ru/gvqrT.png) 8 repeat; /* Firefox 4 */
-webkit-border-image: url(http://s2.uploads.ru/gvqrT.png) 8 repeat; /* Safari 5 и Chrome */
-o-border-image: url(http://s2.uploads.ru/gvqrT.png) 8 repeat; /* Opera 10.5 */
border-image: url(http://s2.uploads.ru/gvqrT.png) 8 repeat;
}
</style>
Отредактировано Deff (Сб, 2 Мар 2013 20:14:52)
Поделиться15Сб, 2 Мар 2013 20:17:54
Deff
ооо здорово!)
А можно туды добавить блок со статистикой?) ии... объявление?)
Поделиться16Сб, 2 Мар 2013 20:46:10
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51118
- Уважение: +15200
- Позитив: +11593
- Последний визит:
Сегодня 18:54:51
<style type="text/css">
#pun-index .category, #pun-announcement .container ,#pun-stats{
border-color:transparent!important;
border-width: 8px!important;
-moz-border-image: url(http://s3.uploads.ru/tUMSp.png) 8 repeat; /* Firefox 4 */
-webkit-border-image: url(http://s3.uploads.ru/tUMSp.png) 8 repeat; /* Safari 5 и Chrome */
-o-border-image: url(http://s3.uploads.ru/tUMSp.png) 8 repeat; /* Opera 10.5 */
border-image: url(http://s3.uploads.ru/tUMSp.png) 8 repeat;
}
</style>
Поделиться17Вс, 3 Мар 2013 03:09:58
Deff
а как эти моменты сделать в ту же рамку?)
скрины
Отредактировано Swetynasty (Вс, 3 Мар 2013 03:10:20)
Поделиться18Вс, 3 Мар 2013 03:37:23
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51118
- Уважение: +15200
- Позитив: +11593
- Последний визит:
Сегодня 18:54:51
<style type="text/css">
#pun-viewforum #pun-main,#pun-viewtopic #post-form,#pun-index .category, #pun-announcement .container ,#pun-stats{
border-color:transparent!important;
border-width: 8px!important;
-moz-border-image: url(http://s3.uploads.ru/tUMSp.png) 8 repeat; /* Firefox 4 */
-webkit-border-image: url(http://s3.uploads.ru/tUMSp.png) 8 repeat; /* Safari 5 и Chrome */
-o-border-image: url(http://s3.uploads.ru/tUMSp.png) 8 repeat; /* Opera 10.5 */
border-image: url(http://s3.uploads.ru/tUMSp.png) 8 repeat;
}
</style>
Отредактировано Deff (Вс, 3 Мар 2013 05:46:04)
Поделиться19Вс, 3 Мар 2013 03:44:17
Deff
форма ответа полчучается вот так
скрин
Поделиться20Вс, 3 Мар 2013 05:46:35
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51118
- Уважение: +15200
- Позитив: +11593
- Последний визит:
Сегодня 18:54:51
Swetynasty написал(а):
Deff
форма ответа полчучается вот так
Поправил