Forest

Click to preview

Name: Forest

Author: Aidan
License: Creative Commons Attribution-ShareAlike 3.0 License
Tags: forest green sidebar topbar wood

Supports top bar menu *: yes
Supports side bar menu *: yes
* depends on tags: topbar and sidebar

Description:

Forest is, obviously, a forest/wood theme, primarily beige and brown, with highlights in green, yellow, and red (the colors of leaves at various stages). Headers are accented with leaves. I've drilled down pretty deeply to affect colors, but I haven't necessarily looked at everything yet, particularly for the more obscure elements. Please let me know if anything looks bad, or wrong.

It includes one extra class, "drop", which will create a dropcap when used. It does not automatically add dropcaps to each paragraph - you'll have to add it yourself, like so:

<div class="drop">L</div>orem ipsum…

Only, with the double brackets instead of the angles, per standard wikidot syntax.

The leaf images, in case you want to use them, occur in 7 colors:

* beige (Leaf-Bg.png)

* dark beige (leaf-DkBg.png)

* green (leaf-Gn.png)

* light green (leaf-LtGn.png)

* dark red-brown ( leaf-RdBn.png)

* red (leaf-Rd.png)

* yellow-orange (leaf-Ye.png)

To insert them:

<=image http://themes.wikidot.com/local--files/forest/leaf-Ye.png>
(with double square brackets instead of the angles… as per usual syntax)

Change the "Ye" part to which ever color you need, and you're good to go. The "=" at the beginning can be left out or change. Left in, it centers the leaf. Use "<" to float to the left, ">" to float to the right, leave it out to just place it next, wherever that is.

Finally, you can edit the css to place the search box back in the usual place, but the design is intended to use a link in nav:side as follows:

6 +s 3 [s search:site|Search 3 ]s

That is, a link to the search:site page, with the text "Search", set at h6.

How to install

• go to: your wiki admin panel » appearance » themes
• choose External CSS theme
• supply the following URL as the CSS location

http://themes.wdfiles.com/local--code/forest

Code

+ show the code

/* ### Global ############################### */
/* Personal classes and the like in here too (e.g. dropcap class) */
body {
    margin: 0px;
    background-color: #E2DBBA;
    font-size: 100%;
    font-family: Optima, Arial, sans-serif;
    color: #322E1E;
}
 
a {
    color: #635C3B;
}
 
a:visited {
    color: #091501;
}
 
a:hover {
    color: #192902;
    background-color: #F0EDDC;
}
 
a:newpage {
    color: #9B1701;
}
 
.input {
    background-color: #F0EDDC;
}
 
/* D R O P C A P */    
.drop {
    float: left;
    font-size: 3em;
        background-color: #192902;
    color: #EECB02;
    padding: 5px;
    margin: 5px 10px 5px 0px;
    font-family: "Copperplate Gothic";
    border: 1px solid #315203;
    text-align: center;
}
 
/* ###### Headers ########################### */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    letter-spacing: 0.2em;
    font-family: optima, arial, sans-serif;
    padding: 0px 0px 0px 10px;
}
 
h1, h2 {
    background: #315203 url("/local--files/forest/leaf-Bg.png") 5px center no-repeat;
    color: #E2DBBA;
    padding-left: 50px;
}
 
h3, h4 {
    border-bottom: 1px solid #315203;
    background: transparent url("/local--files/forest/leaf-Gn.png") 5px center no-repeat;
    color: #315203;
    padding-left: 50px;
}
 
h5, h6 {
    text-decoration: none;
    background: transparent url("/local--files/forest/leaf-Gn.png") 5px center no-repeat;
    color: #315203;
    padding-left: 50px;
}
 
h4, h5 {
    font-size: 120%;
}
 
h2, h3 {
    font-size: 140%
}
 
h1 {
    font-size: 160%;
    font-variant: small-caps;
}
 
/* ### Layout  ############################## */
/* ###### Banner ############################ */
#header {
    background-color:#315203;
    background-image: url("/local--files/forest/banner.jpg");
    background-repeat: none;
    border-bottom:2px solid #192902;
    height:125px;
    margin:0px 0px 10px;
}
 
#header h1 {
    font-family: Optima, Arial;
    color: #EECB02;
    font-weight: normal;
    font-size: 220%;
    margin: 0px 75px;
    padding-top: 25px;
    background-color: transparent;    
    background-image: none;
}
#header h1 a,#header h1 a:hover{
    color: #EECB02;
    margin: 10px;
    background-color: transparent;
}
#header h2{
    color: #EECB02;
    font-size: 130%;
    margin: 5px 75px;    
    background: transparent url("/local--files/forest/leaf-Ye.png") 5px center no-repeat;
    padding-left: 50px;
}
 
/* ###### Main Content ###################### */
#page-title {
    margin:25px 0 10px; 
    background: url("/local--files/forest/leaf-Gn.png") 5px 30px no-repeat;
    padding-left: 50px;
    color: #315203;
    border-bottom: 1px solid #C5B876;
}
 
#main-content {
    margin-left: 250px;
    color: #322E1E;
}
 
#main-content h1 {
    font-size: 175%;
}
 
blockquote {
    border: none;
    background-color: #F0EDDC;
    border-left: 10px solid #9b1701;
}
 
blockquote p {
    background-color: #F0EDDC;
        padding-left: 5px;
}
 
.page.tags span {
    border-top: 1px solid ##C5B876;
}
 
#license-area {
    color: #635C3B;
}
 
/* ###### Footer ############################ */
#footer {
    background-color: #192902;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 2px solid #315203;
    color: #E2DBBA;
    text-align: left;
 
}
#footer p {
    padding-right: 100px;
    margin: 0px;
}
#footer a {
    color: #98A881;
}
#footer a:hover {
    border-bottom: 0px;
}
 
.page-options-bottom a, a.action-area-close{
    color: #635C3B;
    background-color: #E2DBBA; 
    text-decoration: none;
}
 
.page-options-bottom a:hover{
    background-color: #F0EDDC; 
}
 
#license-area {
     color: #635C3B;
}
/* ### Navigation Elements ################## */
/* ###### Account ########################### */
#header #login-status, #login-status a, #login-status a:hover {
    color: #EECB02;
    background-color: transparent;
    font-weight:bold;
}
 
#account-options {
    background-color: #192902;
    border: 1px solid #E2DBBA;
}
 
#account-options li a {
    color: #98A881
}
 
#account-options li a:hover {
    color: #EECB02;
}
 
#account-options a, a#account-topbutton{
    color: #EECB02;
    font-weight: normal;
    background-color: transparent;
}
 
#account-options #account-options, a#account-topbutton{
    background-color: transparent;
    border-style: none;
    color: #EECB02;
}
 
#account-topbutton {
    background-color: #F0EDDC;
    border: 1px solid #C5B876;
}
 
/* ###### Top Bar ########################### */
#search-top-box{
    display: none;
}
 
#search-top-box input.empty {
    color: #E2DBBA;
}
 
#top-bar  {
    background-color: #192902;
    border-bottom: 2px solid #192902;
    color: #98A881;
    left: 0;
    top: 125px;
    width: 100%;
}
 
#top-bar ul {
    background-color:#192902;
    height:25px;
    padding:2px 5% 2px 20%;
}
 
#top-bar li ul {
    border: 1px solid #E2DBBA;
}
 
#top-bar  a, #top-bar li ul li a {
    color: #98A881;
    text-decoration: none;
    background-color:#192902;
}
#top-bar a:hover, #top-bar li ul li a:hover {
    text-decoration: underline;
    background-color:#192902;
}
 
/* ###### Side Bar ########################## */
#side-bar {
    width: 200px;
    float: left;
    background-color: #E2DBBA;
    color: #322E1E;
    margin: 10px;
}
 
#side-bar ul{
    display: block;
    padding: 0;
    list-style-image: url("/local--files/forest/leaf-DkBg.png");
}
#side-bar ul li{
    margin: 0;
    display:block;
}
 
#side-bar li a {
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    padding-left: 10px;
    border-bottom: 1px solid #C5B876;
    border-top: 0;
    color: #322E1E;
    text-decoration: none;
}
#side-bar li a:hover {
    background-color: #F0EDDC;
}
 
#side-bar p {
    margin: 0px;
    margin-bottom: 3px;
}
 
/* ### Interface Elements ################### */
.edit-section-button {
     background-color: #F0EDDC;
}
 
.edit-section.content {
     border: 1px solid #CD8B80;
}
 
.change-textarea-size a {
     color: #322E1E;
     background-color: #F0EDDC;
     border: 1px solid #C5B876;
}
 
.preview-message {
     border: 1px dashed #C5B876;
     background-color: #E6C5BF;
}
 
#page-version-info {
     border: 1px dashed #C5B876;
     background-color: #E6C5BF;
}
 
#lock-info {
     background-color: #E2DBBA;
     border: 1px solid #C5B876;
}
 
a.action-area-close:hover {
     background-color: #E2DBBA;
}
 
/* ### Wiki-Specific Elements ############### */
table.wiki-content-table td {
     border: 1px solid #635C3B;
}
 
table.wiki-content-table th {
     border: 1px solid #635C3B;
     background-color: #F0EDDC;
}
 
#toc {
     border: 1px dashed #315203;
     background-color: #F0EDDC;
}
 
.code{
    background-color: #F0EDDC;
     border: 1px dashed #C5B876;
}
 
div.wiki-note {
     border: 1px solid #C5B876;
}
 
.gallery-item {
     border: 1px solid #F0EDDC;
}
 
/* ###### History ########################### */
table.page-history td.optionstd a {
     border: 1px solid #635C3B;
}
 
.diff-table td.from, .diff-table td.to {
     border: 1px dashed #635C3B;
}
 
.inline-diff ins {
     background-color: #98A881;
}
 
.inline-diff del {
     background-color: #CD8B80;
}
 
table.page-compare td, table.page-compare th {
     border: 1px solid #635C3B;
}
 
.page-source {
     border: 1px dashed #635C3B;
}
 
.wiki-parse-error {
     color: #9B1701;
}
 
.pager a {
     border: 1px solid #635C3B;
}
 
.pager .current {
     background-color: #C5B876;
     color: #322E1E;
     border: 1px solid #322E1E;
}
 
/* ###### Files ############################# */
table.page-files .highlight {
     background-color: #F0EDDC;
}
 
/* ###### Avatar ############################ */
a.avatar-hover, a.avatar-hover:hover {
     color: #322E1E;
}
 
/* ###### Inline Widgets #################### */
.error-inline, .error-block {
     color: #9B1701;
     border: 1px solid #9B1701;
}
 
.warning-block {
     border: 1px solid #EECB02;
     color: #322E1E;
}
 
.help-block {
     border: 1px solid #98A881;
     color: #192902;
}
 
/* ###### Private Messages ################## */
.pmessage .header {
     border: 1px solid #C5B876;
     background-color: #F0EDDC;
}
 
/* ### Forms ################################ */
table.form.grid td, table.form.grid th {
     border: 1px solid #C5B876;
}
 
table.form td div.sub, form div.sub {
     color: #635C3B;
}
 
table.form tr.invalid-value-row td {
     background-color: #F6E580;
}
 
table.form div.field-error-message, tr.invalid-value-row div.field-error-message {
     color: #9B1701;
}
 
hr {
     color: #F0EDDC;
     background-color: #C5B876;
}
 
/* ###### Form Elements ##################### */
div.buttons input, input.button, button, file, a.button {
     background-color: #E2DBBA;
     color: #322E1E;
     border: 1px solid #C5B876;
}
 
div.buttons input:hover, input.button:hover, button:hover, a.button:hover {
     background-color: #F0EDDC;
     color: #635C3B;
}
 
input.button.disabled, div.buttons input.disabled {
     background-color: #F0EDDC;
     color: #635C3B; 
}
 
input.checkbox {
     background-color: #F0EDDC;
     color: #322E1E; 
}
 
input.text, textarea, select {
     border: 1px solid #C5B876;
     background-color: #F0EDDC;
     color: #322E1E; 
}
 
input.text.invalid {
     border-color: #9B1701;
}
 
div.note {
     border: 1px solid #F0EDDC;
     background-color: #E2DBBA;
}
 
div.note-block {
     border: #9B1701;
}
 
/* ###### Useful Elements ################### */
div.site-list-item:hover {
     background-color: #F0EDDC;
}
 
.search-highlight {
     background-color: #EECB02;
}
 
.self-ads {
     border: 1px solid #C5B876;
}
 
/* ### Other Widgets ######################## */
/* ###### Foldable Lists #################### */
div.foldable-list-container li.folded {
     color: #9B1701;
}
 
div.foldable-list-container li.unfolded {
     color: #315203;
}
 
/* ###### Tabview ########################### */
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {     
     background-color: #E2DBBA;
     border-color: #C5B876;
     color: #322E1E;
}
 
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {        
     border-color: #C5B876;
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
     background-color: #98A881;
     color: #322E1E;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: #315203;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
      border-color: #192902;
}
 
.yui-navset .yui-content {
     background-color: #E2DBBA;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
     border: 1px solid #C5B876;
     border-top-color: #192902;
}
 
.yui-navset-left .yui-content {
     border: 1px solid #C5B876;
     border-left-color: #192902;
}
 
.yui-navset-bottom .yui-content,
.yui-navset .yui-navset-bottom .yui-content {
     border: 1px solid #C5B876;
     border-bottom-color: #192902;
}
 
/* ###### Included Files #################### */
###### text_highlighter.css ############## */
.hl-default {
color: #322E1E;
}
 
.hl-code {
color: #322E1E;
}
 
.hl-brackets {
color: #322E1E;
}
 
.hl-comment {
color: #315203;
}
 
.hl-quotes {
color: #4E0C01;
}
 
.hl-string {
color: #4E0C01;
}
 
.hl-identifier {
color: #322E1E;
}
 
.hl-builtin {
color: #315203;
}
 
.hl-reserved {
color: #987F81;
}
 
.hl-inlinedoc {
color: #4E0C01;
}
 
.hl-var {
color: #315203;
}
 
.hl-url {
color: #4E0C01;
}
 
.hl-special {
color: #4E0C01;
font-weight: bold;
}
 
.hl-number {
color: #4E0C01;
}
 
.hl-inlinetags {
color: #F6E580;
font-weight: bold;
}
 
.hl-gutter {
background-color: #E2DBBA;
color: #F0EDDC
}
 
###### autocomplete.css ################## */
.yui-ac-content{
     border:1px solid #192902;
     background:#322E1E;
}
 
.autocomplete-list li.yui-ac-highlight {
     background-color: #F0EDDC;
}
 
/* ### Forum ################################ */
.forum-group div.head{
     background-color: #315203;
     color: #E2DBBA;
     border: 1px solid #192902;
}
 
.forum-group table td{
     border: 1px solid #F0EDDC;
}
 
.forum-group table td.name .description{
     color: #C5B876;
}
 
.forum-group table tr.head td{
     background-color: #F0EDDC;
}
 
/* ###### Category View ##################### */
.forum-category-box .description-block{
     border: 1px solid #E2DBBA;
     background-color: #F0EDDC;
}
.forum-category-box .description-block .statistics{
     color: #C5B876;
}
 
.forum-category-box table{
     border: 1px solid #E2DBBA;
}
.forum-category-box table td{
     border: 1px solid # F0EDDC;
}
.forum-category-box table tr.head td{
     background-color: # F0EDDC;
}
.forum-category-box table td.name .description{
     color: # C5B876;
}
 
/* ###### New Thread ######################## */
.forum-new-thread-box .description{
     border: 1px solid #E2DBBA;
     background-color: #F0EDDC;
}
.forum-new-thread-box .description .statistics{
     color: # C5B876;
}
 
/* ###### Thread View ####################### */
.forum-thread-box .description-block{
     border: 1px solid # E2DBBA;
     background-color: #F0EDDC;
}
.forum-thread-box .description-block .head{
     color: # C5B876;
}
.forum-thread-box .description-block .statistics{
     color: # C5B876;
}
 
.forum-thread-box .action-area{
     border: 1px solid # F0EDDC;
}
 
.thread-container .post .options a{
     color: #98A881;
}
.thread-container .post .head{
     background-color: # F0EDDC;
}
 
.thread-container .post .long .changes a {
     color: #98A881;
}
 
.thread-container .post .short{ display: none;
     background-color: # F0EDDC;
}
 
.thread-container .post .short .options{
     color: #98A881;
}
 
.post-container.fordelete{
     border: 2px solid #CD8B80;
}
 
div.new-post a{
     border: 1px solid #E2DBBA;
     background-color: # F0EDDC;
}
 
/* ###### Recent Posts ###################### */
.forum-mini-stat .item .info{
     color: # C5B876;
}
 
/* ### editor.css ########################### */
.wd-editor-toolbar-panel a{
background-color: #F0EDDC;
}
.wd-editor-toolbar-panel a:hover{
border-color: #315203;
}
 
.wd-editor-toolbar-panel ul li:hover ul, .wd-editortoolbar-
panel ul li.sfhover ul {
     background-color: #322E1E;
     border: 2px solid #192902;
}
.wd-editor-toolbar-panel li.hseparator{
     background-color: #322E1E;
}
 
/* ### odialog.css ########################## */
.odialog-shader{
     background-color: #322E1E;
}
 
.owindow{
     background-color: #F0EDDC;
     border: 2px solid #E2DBBA;
}
 
.owindow .title{
     background-color: #F0EDDC;
}
 
.owindow .button-bar a{
     background-color: #F0EDDC;
     border: 1px solid #E2DBBA;
}
.owindow .button-bar a:hover{
     background-color: #E2DBBA;
}
 
/* ###### Different Boxes / Dialogs ######### */
.box444{
     background-color: #F0EDDC;
}
 
.box444 .button-bar{
     background-color: # F0EDDC;
}
 
.hovertip{
     border: 2px solid #C5B876;
     background-color: # F0EDDC;
}
 
/* ### Jquery Lightbox ###################### */
#lightbox-container-image-box {
     background-color: #F0EDDC;
}
 
#lightbox-container-image-data-box {
     background-color: # F0EDDC;
}
 
#lightbox-container-image-data {
     color: #C5B876;
}
 
/* ### Navi Bar ############################# */
#navi-bar {
     background-color: #E2DBBA;
     color: #322E1E;
}
 
#navi-bar a {
     color: #315203;
}
 
#navi-bar .new-site input.empty{
     color: #C5B876;
}
 
#navi-bar .action-buttons {
     color: #322E1E;
}
 
#navi-bar .action-buttons a {
     color: #322E1E;
}
 
#navi-bar .join {
     color: #322E1E;
}
 
#navi-bar .random-site {
     background-color: #F0EDDC;
     color: #322E1E;
}
 
#navi-bar .random-site:hover {
     border-color: #322E1E;
}
 
/* ### Promo Footer ######################### */
#footer-bar {
border-top: 1px solid #E2DBBA;
}
.form-table .form-error {
border: 1px dotted #CD8B80;
}
 
.form-table .form-hinted {
color: #C5B876;
}
 
.form-table .form-message {
color: #315203;
}

Notes

Similar themes fake-wikidot-standard Author: Liurd Rating: 1, Comments: 0 Tags: sidebar topbar Gnl 109557431160 Author: Mukapogx Rating: 0, Comments: 0 Tags: sidebar topbar

Browse themes by tag 2.0 3d 3d-buttons 610nm and and/or ardeol articles band base beige black blog bloo blue bmc border boring brown business camo cat chocholate christian christmas city clan claret claus clay clean coffe coke colorful company contest contest-win corperate corporate corporation creative crimson cross css3 css3-buttons curved d14 dark dashed deep

Comments

page 1 of 212next »

Liking the extra touches

HobStarCS 07 Aug 2010 09:05

Very nice! I like the drop caps and leaves.

---

Re: Liking the extra touches

Aidan 17 Aug 2010 04:18

Thanks!

---

The World is full of People, most of them Other-Than-Human.

Nav Top & Listpages Module bad display

MiguelEq 16 Nov 2010 04:05

I have problems to make something like this work!

* [[[start | Menue]]]
 * [[[start | Willkommen]]]
 * [[[Nachrichten]]]
 * [[[neue-seite-anlegen | Neue Seite anlegen]]]
 * [[[system:join| Site Mitglied werden]]]
* [[[forum:start | Forum]]]
 * [[[forum:start | Gruppen-Übersicht]]]
 * [[[forum:recent-posts | Neueste Post]]]
 * [[[forum:minirecent-threads | Neueste Threads]]]
[[module ListPages category="buchecke" separate="no" prependLine="* [[[start-buchecke | Buchecke]]]"]]
[!-- --]
 * %%linked_title%%
[[/module]]
* [# Hilfe]
 * [*http://www.wikidot.com/doc Documentation]
 * [*http://www.wikidot.com/doc:wiki-syntax wiki-syntax]
 * [*http://community.wikidot.com/howto:howto-list How-To's]
 * [*http://handbook.wikidot.com/  HANDBUCH]
 * [[[How to edit pages?]]]
* [# Internals]
 * [[[system: Recent changes]]]
 * [[[system: List all pages]]]
 * [[[admin:manage|Site Manager]]]
* [[[contact]]]

Re: Nav Top & Listpages Module bad display

RobElliott 16 Nov 2010 07:49

Please post questions like this on the community forum at http://community.wikidot.com

---

Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

leiger 30 Jan 2011 04:56

The preview does not seem to be working - yet the code is visible on the page. Anyone have a clue why this is not working?

---

~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)

Aidan 30 Jan 2011 05:48

It was just fine this afternoon - I made changes (added in the details on the leaf images and using them), but everything looked just fine right after. I wonder why it's having issues now?

---

The World is full of People, most of them Other-Than-Human.

Last edited on 30 Jan 2011 05:52 by Aidan Show more

bcammo 30 Jan 2011 07:17

The problem is the code block in your description of the theme - it is using that as the theme's CSS (/forest/code/1) rather than your CSS code block (which is /forest/code/2).

---

BMC Creative | RoaringApps | @brycecammo

Aidan 30 Jan 2011 07:29

Aha! Thanks. I'll fix it pronto…

---

The World is full of People, most of them Other-Than-Human.

No leafs

Tiago Carrijo 09 Jan 2012 14:57

Hello,

I liked very much your theme, and I'm using it on my site (thank you, by the way!!).
But I would like to know if there is a way to put a heading without the leaf before it.

Is there an easy way to do it, without change the CSS code? (I tried and it didn't work well - I'm begining in wiki.dot).

Thank you very much,
Best wishes,
Tiago

Re: No leaf

RobElliott 09 Jan 2012 16:53

You do need to alter the css but it isn't difficult if you follow these instructions:

1) create a page on your site to hold your custom css. I usually call this css:theme but others use admin:css or something similar. It doesn't really matter what you call it as long as you can find it again!

2) on that page paste in the following code to import the css from the themes site and remove the leaf:

[[code type="css"]]
@import url(http://themes.wdfiles.com/local--code/forest);

#header h2 {
    background-image: none;
}

3) you now need to tell your manager (admin:manage) that you are using the CSS from your page. See the image below. At admin:manage in the menu on the left select Appearance then Themes. Make sure that in the dropdown in the middle of the screen that _default is checked.and that the "use external theme" radio button is selected. That will open a box for you to enter the location of your css (the page you created at step 1 above. Enter /css:theme/code/1 and press the save button.

4) Now go to another page on your site you will see the the leaf has been removed.

What this means is that as you learn some css you can add in extra rules into the css:theme page and save it and the changes are made instantly (you do not need to do step 3 again).

---

Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

Last edited on 09 Jan 2012 16:55 by RobElliott Show more

Re: No leaf

Aidan 09 Jan 2012 17:55

Thanks Rob! I was going to get to this later today, but you beat me to it. :)

---

The World is full of People, most of them Other-Than-Human.

Re: No leaf

Tiago Carrijo 10 Jan 2012 00:31

Thanks, Rob!

I'll try it!

Re: No leaf

Men vuth 10 Apr 2012 05:28

thanks

mervyn hayes 23 Sep 2012 12:52

[[code type="css"]]
@import url(http://themes.wdfiles.com/local--code/forest);

#header h2 {
background-image: none;
}

mervyn hayes 23 Sep 2012 12:53

• Menue
  • Willkommen
  • Nachrichten
  • Neue Seite anlegen
  • Site Mitglied werden
• Forum
  • Gruppen-Übersicht
  • Neueste Post
  • Neueste Threads

[[module ListPages category="buchecke" separate="no" prependLine="* Buchecke"]]
* %%linked_title%%
[[/module]]

• Hilfe
  • Documentation
  • wiki-syntax
  • How-To's
  • HANDBUCH
  • How to edit pages?
• Internals
  • Recent changes
  • List all pages
  • Site Manager
• contact

Example 2

rbrenes 20 Oct 2014 16:22

Example page

changing banner picture

dancombs 17 May 2016 21:12

I like this theme, but would like to change the banner picture to one of my own. Can someone provide some information on how to do so?
thank you.

Aidan 18 May 2016 00:25

You need to upload your banner image to a page, and then for the url in the code (listed below) subsititute in your file. Say you named your image "back.jpg", and uploaded to the Start page of your wiki, then you need to change the code to:

background-image: url("/local—files/start/back.jpg");

<snip>
/* ### Layout ############################## */
/* ###### Banner ############################ */
#header {
background-color:#315203;
background-image: url("/local—files/forest/banner.jpg");
<snip>

---

The World is full of People, most of them Other-Than-Human.

page 1 of 212next »