Доброго дня. Как сделать png шапку прозрачной. Тело тупо размножается сверху до самого конца под шапкой. Мне как-то настраивали, но я случайно потерял код. А сам не разберусь совсем.
Общие вопросы по скриптам #2
Сообщений 581 страница 590 из 663
Поделиться58224.02.22 08:29
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Gothkiller
Общий принцип:
1-е Отодвигаем #pun от верха через margin , придаём ему position:relative;
2-e Придаём шапке position:absolute; двигаем в верх, можно через top
Поделиться58324.02.22 10:01
- Участник
- Уважение: +506
- Достижения/подарки: cake 0 emoji_events 3
- Наградные баллы: 490
#p165019,Deff написал(а):
Gothkiller
Общий принцип:
1-е Отодвигаем #pun от верха через margin , придаём ему position:relative;
2-e Придаём шапке position:absolute; двигаем в верх, можно через top
Сделал, но вообще все съехало
Поделиться58424.02.22 14:07
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Gothkiller
Cделайте скриншот, поправьте в ФШ вид, как должно выглядеть по итогу(как Вы хотите видеть в результате правок)
Поделиться58524.02.22 15:56
- Участник
- Уважение: +506
- Достижения/подарки: cake 0 emoji_events 3
- Наградные баллы: 490
#p165021,Deff написал(а):
Gothkiller
Cделайте скриншот, поправьте в ФШ вид, как должно выглядеть по итогу(как Вы хотите видеть в результате правок)
Поделиться58624.02.22 17:09
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Gothkiller
/* A5.1 */
#pun {
width: 907px;
position: relative;
margin: 243px auto auto auto;
}/* шапка */
#pun-title.section {
background: transparent url(https://i.imgur.com/HYBRrNy.png) top center scroll no-repeat;
height: 359px;
width: 907px;
position: absolute;
top: -243px;
margin-left: -35px;
}/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
text-align: center;
margin-left: 1px;
margin-top: -62px;
font-size: 16px;
font-variant:small-caps;
text-transform: uppercase;
}
Правки красным
Поделиться58724.02.22 18:32
- Участник
- Уважение: +506
- Достижения/подарки: cake 0 emoji_events 3
- Наградные баллы: 490
Deff
Получилось. Большущее спасибо)
Поделиться58814.03.22 11:38
- Участник
- Уважение: +61
- Достижения/подарки: cake 0 emoji_events 1
- Наградные баллы: 104
Здравствуйте. Не знаю в правильную ли тему я обратилась, но отыскала вот такой скрипт, который делает индивидуальную шапку в определенных темах и форумах. Есть ли скрипт, который сможет сделать индивидуальный фон в определенных темах и форумах? Или что можно добавить в этот скрипт, чтобы менялась в определенных темах и форумах не только шапка, а и фон?
Поделиться58914.03.22 12:33
- Администратор
- Уважение: +253
- Достижения/подарки: cake 1 emoji_events 3
- Наградные баллы: 615
- Проверенный спец: FDFD
#p165470,Adelisia Wales написал(а):
Здравствуйте. Не знаю в правильную ли тему я обратилась, но отыскала вот такой скрипт, который делает индивидуальную шапку в определенных темах и форумах. Есть ли скрипт, который сможет сделать индивидуальный фон в определенных темах и форумах? Или что можно добавить в этот скрипт, чтобы менялась в определенных темах и форумах не только шапка, а и фон?
Если я правильно поняла, что требуется, то:
Код:
<script type="text/javascript">
var ftitle, index, findex;
ftitle = [
//Сюда записываем форумы
["Кошки", "http://s2.uploads.ru/x8tYL.jpg"],
//Сюда записываем темы
["Домашние кошки", "http://s2.uploads.ru/FbUd5.jpg"]
];
$(ftitle).each(function(index) {if ($("#pun-crumbs1").text().indexOf(ftitle[index][0])!=-1) {fconst=1; findex=index;}});
if(fconst) {$("body").css("background-image", "url("+ftitle[findex][1]+")");}
</script>Поделиться59014.03.22 13:16
- Участник
- Уважение: +61
- Достижения/подарки: cake 0 emoji_events 1
- Наградные баллы: 104
#p165471,Fumuse написал(а):
Если я правильно поняла, что требуется, то:
Код:<script type="text/javascript"> var ftitle, index, findex; ftitle = [ //Сюда записываем форумы ["Кошки", "http://s2.uploads.ru/x8tYL.jpg"], //Сюда записываем темы ["Домашние кошки", "http://s2.uploads.ru/FbUd5.jpg"] ]; $(ftitle).each(function(index) {if ($("#pun-crumbs1").text().indexOf(ftitle[index][0])!=-1) {fconst=1; findex=index;}}); if(fconst) {$("body").css("background-image", "url("+ftitle[findex][1]+")");} </script>
Да, это именно то, вот только возникает проблема. Фон не растягивается полностью и в итоге снизу и с лева виден прошлый фон:
