[Theme] Terra Incognita (SMF 1.1 RC2)

[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.

Code Select Expand


.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 -

Code Select Expand

class="border"

And replace with -

Code Select Expand

class="bordercolor"

Next search for every instance of -

Code Select Expand

class="title"

And replace it with -

Code Select Expand

class="catbg"

Next search for every instance of -

Code Select Expand

class="subtitle"

And replace those with -

Code Select Expand

class="catbg3"

Now search for every instance of -

Code Select Expand

class="block-foot"

And replace those with -

Code Select Expand

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 

[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! 

[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]

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 -

Code Select Expand

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

Replace it with this -

Code Select Expand

#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.

[StanJ]

Worked for me as well

http://adventist12step.com

[jasidog]

Glad to hear it.

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

[Deaks]

Topic is now locked please refer to:
http://www.simplemachines.org/community/index.php?topic=76636.0