Hi guys,
I have had a campaign here for a few years, but I am completely new to CSS.
I would love to make a cool background for my wiki pages, akin to this:
https://a-tale-of-blood-and-honour.obsidianportal.com/wiki_pages/boy-king-period
Su I tried using this form, which
posted here: http://forum.obsidianportal.com/discussion/3878/parchment-questions
@/* THIS SETS THE BASIC BACKGROUND FOR THE PAGES AND ADJUSTS THE WIDTH */
.wiki-page, .wiki-edit, .post-main, .character-show .main-content section, .item-show .main-content section{
background-color : transparent;
background-image: url(https://db4sgowjqfwig.cloudfront.net/campaigns/70625/assets/785771/parch_3.png?1507120999);
background-position:center;
background-size:100%;
position:relative;
}@
@/* THIS SETS THE BASE SETTINGS FOR THE BEFORE AND AFTER TAGS */
.wiki-page:after, .wiki-page:before, .character-show .main-content section:after, .character-show .main-content section:before, .item-show .main-content section:after, .item-show .main-content section:before{
background-color : transparent;
background-size:100%;
position:absolute;
background-repeat:no-repeat;
background-width:100%;
left:-2px;
width:100%;
height:34px;
content:"";
background-position: center center;
z-index:10;
}@
@/* THIS SETS ADDS THE PICTURE AND ADJUSTMENT FOR THE TOP PARCHMENT */
.wiki-page:before, .character-show .main-content section:before, .item-show .main-content section:before{
background-image: url(https://db4sgowjqfwig.cloudfront.net/campaigns/70625/assets/785771/parch_3.png?1507120999);
top:-14px;
}@
@/* THIS SETS ADDS THE PICTURE AND ADJUSTMENT FOR THE BOTTOM PARCHMENT */
.wiki-page:after, .character-show .main-content section:after, .item-show .main-content section:after{
background-image: url(https://db4sgowjqfwig.cloudfront.net/campaigns/70625/assets/785771/parch_3.png?1507120999);
bottom:-14px;
}@
So what the heck am i doing wrong?
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
show us your link, so we can see in what way it's broken?
I'm working on mine as well, still just in build phase: https://morwindl-2.obsidianportal.com/wikis/main-page
GL to you,
-bort
Campaign of the Year - 2018
Okay, here is the link to the main wiki page
http://campaign-70625.obsidianportal.com/wikis/main-page
Wow, Bortas. I used your formula, and it looks awesome.
Can I use it for my campaign? I'll credit you of course :)
Certainly - I'm not the most proficient of graphic artists, so it is full of issues, but it gets the job done. Go right ahead.
-bort
Campaign of the Year - 2018