Making your own header
Hello!
I wonder if it's possible to upload a picture from your computer and then use this picture as a header?
Making your own header
Forum
» Help / Themes
» Making your own header
Summary:
Is it possible to make your own header for you wiki-page?
Welcome to Wikidot. If you look at many of the sites here at Wikidot you will see custom headers. This community site you are on here has it, all the sites in my signature have them. It's not difficult to do and will get you started with CSS if you haven't used it before so that if you want to you can have a completely custom design for your site.
There is a piece of functionality on Wikidot called a css moduule which allows you to change elements on the page the module is on. But it would be a very bad idea to have a CSS module on every page of your site to set the header image. So it should go into your main site CSS. I don't know how much you know about CSS but I see you are using one of the default themes without any changes. So the following will help get you started and will allow you to remove those buttons.
1. Create a page called admin:css. You can call it whatever you like but most of us use admin:css or css:theme or some variation of that. For now we'll use admin:css.
Upload the image you want to use as your header to that page. Let's assume we've called it newheader.jpg
2. On that page add the following to import the default theme you are using and then add your header image:
[[code type="css"]]
@import url(http://static.wikidot.com/common--theme/cappuccino/css/style.css);
#header {
background-image: url(/local--files/admin:css/newheader.jpg);
}
[[/code]]
3. You will only need to do this next step once. Go to site manager -> appearance -> themes. Make sure the _default is highlighted in the list of categories on the page. Then click the "or use an external theme" radio button. A box will open for you to enter the location of the css file. Type /admin:css/code/1. Then click Save Changes.
4. Now go back to the homepage or another page on your site and you should see your new image.
You now have the basics of your own theme on a page on your site. The advantage of this is that it is easy to add new rules and properties and revert back - as with any other page - if you don't like the result. It also opens up the opportunity to have different CSS for different categories on your site. For example you might want a different header image on each different category.
Whenever you want to add a new rule to your CSS just add it on the admin:css page (after the @import which must be first but before the [[/code]], then save the page and the new rule will take effect immediately.
Come back with any further questions or if you have problems doing this.
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
Strathview ~ Wikidot-based wikis, websites & intranets and online database development. For community groups, villages, charities, business and government.
/forum/t-388551/making-your-own-header#post-
