EUPHEMIA | 5 VARIATIONS

[lucida]

temp live preview

1.) Select any Tabula Rasa based style.
2.) Choose 2 Column/sidebar on left under Page Setup.
3.) Under Presentation, make sure user interaction links are set to display as text, and everything else is set as icons. It should look like this.
4.) !!! This part is very important. Under modules, make sure everything is disabled except: Navigation, Profile (check display default icon, uncheck display name and display website), Custom Text (optional), and Links List (optional). Navigation should be set to appear first, then Profile, then Custom Text or Links List. It should look something like this.
5.) I strongly recommended hitting 'Text' and changing the "Recent Entries" text to "Recent" and the "Member Posts" (if you're using the layout on a community) text to "Members." Otherwise, the navigation may look cluttered.
6.) Please, please save all images to your own server.
7.) Go to Custom CSS and uncheck "use layout's stylesheet."
8.) Paste and save! Codes are linked below.
9.) Credit!

EUPHEMIA DARK click for larger view temporary live preview	EUPHEMIA LIGHT click for larger view
HAUNTED MILK click for larger view	MINT click for larger view
MIGHTY SLATE click for larger view	CODES + EUPHEMIA DARK + EUPHEMIA LIGHT + MINT + HAUNTED MILK + MIGHTY SLATE + Modify to your heart's content. + Questions? Issues? Color scheme requests? Comment here and I'll get back to you when I can.

Comments

[andthenisay]

ah, i figured it out (sort of). so, i think the header (the log-in header, automatically slotted in by dw) is posting over the header itself, as well as the top of the layout. is there something in the code that would start the layout beneath the dw log-in header? is there a chance that's missing from the code for euphemia light or i might've accidentally deleted it?

thanks again!

[tree]

hi! lucida doesn't seem to have been around for a while, but i'm actually fiddling with this layout at the moment and i can help.

for a) find the section in the code that begins like this:

/* ENTRIES */

#primary

now find this:

margin-top:0px;

change the 0 to a positive number, depending on how far down the page you want the entry title to start (the higher the number, the farther down). i chose 60 pixels, so my code looks like this:

margin-top:60px;



for b) find the section in the code that begins like this:

.module-list-item a:hover

now find this:

color: #eee;

change eee to 999, which is a darker grey. if that's not what you're looking for, you can find the values for different colours here: http://www.colorpicker.com/


when you're searching through code trying to figure out what the heck does what (which is what i'm doing right now!) it helps to have the right terminology. so, just so you know, what you're calling the log-in header is referred to as the navigation strip. (you can actually turn that off if you want to. the controls are located in the Display tab of Account Settings. (you might know that, but i thought i'd mention it just in case.)

and what you've called the header is the entry title.

good luck!