[Theme] Terra Incognita (SMF 1.1 RC2)

Started by jasidog, February 10, 2006, 07:25:39 PM

Previous topic - Next topic

jasidog

As lil maggie suggested, make back up copies of your original files. I've not tested any of this out so it may not work correctly.

Memberlist.template.php
style.css

Replace the memberlist template file with the one from Terra Incognita.

Now if you open up the style.css file with a text editor (Or edit from the admin CP.) add the following to the bottom of the file.


.row1, .row1-center {
padding: 10px 4px 5px 4px;
background: #E2DBBF url(images/row.gif) repeat-x top;
}
.row1-center {
text-align: center;
}
.float-l {
float:left;
}
.float-r {
float:right;
}
.row1 dl,
.row2 dl {
border: 1px solid #AD9C82;
border-width:1px 0;
padding:0 0 1px 0;
}
.row1 dt,
.row2 dt {
background: none;
color: #553A00;
font-weight: bold;
letter-spacing: 0px;
padding: 4px;
font-size:100%;
border-top: 1px solid #AD9C82;
margin:1px 0 0 0;
}
.row1 dt a:link, .row1 dt a:visited,
.row2 dt a:link, .row2 dt a:visited {
color: #8C5A53;
text-decoration: none;
}
.row2 dt, .row2 dd {
clear:none;
}
.row1 dd,
.row2 dd {
padding: 4px;
background: none;
border-bottom: 1px solid #AD9C82;
}
.button,
.buttons a:link,
.buttons a:visited {
color: #553A00;
border: 3px double #AD9C82;
border-right-color: #7D6651;
border-bottom-color: #7D6651;
margin:0px 5px;
padding:2px 4px;
text-decoration:none;
white-space: nowrap;
background-color: #E2DBBF;
}
.button {
margin:0px 5px 0px 5px;
padding:0px 4px 0px 4px;
}

.button:active,
.buttons a:hover {
color: #333;
border: 3px double #AD9C82;
border-top-color: #7D6651;
border-left-color: #7D6651;
background-color: #DCD3B4;
}


Now things are still far from perfect. With what I've given you. The layout should work I think. However the style will be using colours and sizes and the like from the terra incognita theme. So you will need to edit the CSS I've given you to suit.

Also There are some sections unstyled. If you're adding this to the default RC2 theme or one like it. Then I'd recommend altering the new memberlist.template.php file. Giving some sections class selectors to match the theme your using.

Do something like the following. -

Search for every instance of -

class="border"

And replace with -

class="bordercolor"

Next search for every instance of -

class="title"

And replace it with -

class="catbg"

Next search for every instance of -

class="subtitle"

And replace those with -

class="catbg3"

Now search for every instance of -

class="block-foot"

And replace those with -

class="title-bg"


That should be you. Once you've edited the CSS I posted to make it fit with your theme. As I mentioned though I'm not certain this will work as I've not tested it. It is quite a lot of work though.

Cottelletje

thanks very much for replying but it will be lots of work and maybe i can't do it but i will try to do it in a few days  :D
|| Leonardo Dicaprio is the Hottest Man Alive Believe Me ||

Winter

Jasidog - I loved your Endar theme, and I love this :) Your work is beautiful, thanks for sharing it!

Krysia

I absolutely love this theme; I'm using it for a demo fanfic forum. (Just tweaked the logo banner a smidge.)

You do gorgeous work, and I hope you'll add more to your SMF themes section in the future!

Thank you for sharing it with us!  :D



jasidog

Thanks folks, much appreciated really. :)

There's no plans for any more forum themes at allright now Krysia, but hopefully some time after SMF 1.1 final. :)

Krysia

Quote from: jasidog on April 30, 2006, 09:13:00 AM
There's no plans for any more forum themes at allright now Krysia, but hopefully some time after SMF 1.1 final. :)
Cool. I look forward to it! :)



Krysia

One comment, that was brought to my attention by someone using IE 6 or whatever for Windoze (I use Safari and/or FireFox, and I didn't even know that there was text behind the banner):

Here is the screenshot she took. As you can see, there's a "J" and an "N" sticking out from behind the banner. How can I either remove this text or delete it?



Thank you! :)



jasidog

Hmm sorry about that never foresaw that. Combination of a larger display of the font size in IE and a long title.

You could just make the font on the title smaller but to hide it look in the CSS file.

your-smf/Themes/terra-incognita/style.css

Alternatively you can edit it through the admin panel.

Look for this section -

#logo a {
margin: 0;
padding: 0;
display:block;
text-decoration: none;
height:108px;
position: relative;
text-align:center;
}


Replace it with this -

#logo a {
margin: 0;
padding: 0;
display:block;
text-decoration: none;
height:108px;
position: relative;
text-indent: -10000px
}


Should do the trick. :)

Krysia

Thank you! My bud said that fix did the trick.

:D




jasidog

Glad to hear it. :)

Hopefully I'll remember in any future release to prevent that from being an issue again. :-[

Deaks

~~~~
Former SMF Project Manager
Former SMF Customizer

"For as lang as hunner o us is in life, in nae wey
will we thole the Soothron tae owergang us. In truth it isna for glory, or wealth, or
honours that we fecht, but for freedom alane, that nae honest cheil gies up but wi life
itsel."

Advertisement: