HOME | DD
Elandria β
Wireframe Journal CSS FREE UPDATED 2014
#black #blue #css #da #design #deviantart #frame #free #green #journal #pink #wire #wireframe #journaldesign
Published: 2008-01-19 03:10:08 +0000 UTC; Views: 98589; Favourites: 1773; Downloads: 11407
Redirect to original
Description
THIS CSS DESIGN IS FREE FOR ALL SUBSCRIBED DA MEMBERS TO USE
YOU CAN SEE A WORKING VERSION OF THE BLUE COLOUR SCHEME HERE 
+------------------------------+
REPLACING IMAGES
YES you may replace the images with your own designs.+------------------------------+
CREDITS
It is considered rude to remove the credits since I did all the work on code. Its not much to ask, and just makes you look like an asshat when I have to publicly remind you. +------------------------------+
INSTRUCTIONS
Download zip file and extract (all files will be placed back into easy to navigate folders once extracted 
) Once extracted open master file and READ CAREFULLY the "instructions_read_me_first.txt" file TO add this design to your journal please do the following steps -
1. Create a new journal in sta.sh writer
2. Bottom right corner click "change skin"
3. Top right corner of the "style" box click "edit skin"
4. Copy and paste the contents of the wireframe_colour_CSS.txt file into the css box in the popup window
5. Copy and paste the contents of the wireframe_colour_FOOTER.txt into the footer box in the popup window
6. !IMPORTANT! SAVE AS - make sure you add a name for your skin and click "save as" so you don't overwright your other skins
7. Copy and paste the contents of the wireframe_colour_CONTENTBOXES.txt into the main content area of your journal
8. Insert a title, edit the URLs for the links to your gallery etc
9. Insert your journal content in the marked areas
10. Preview and submit your journalΒ
ALL IMAGES ARE NOW HOSTED FOR YOU - YOU SHOULD NOT NEED TO EDIT THE CSS
Β YOU'RE WELCOME 
+------------------------------+
THANK YOU TO-
Many thanks to thespook for his excellent CSSing Skillz on the Thumbnail Styling
Check out the rest of his CSS codework!Many thanks to Jamaal10 for the yummy Wireframe Brushes from where this design developed from
+------------------------------+
GOT A PROBLEM?
Leave a comment and details and I will endeavour to help you as much as I can, and if I can't help, I'll point you in the direction of those who can!
+------------------------------+
A DD!!
And a DD
Huge thank you's to DCZed who ROCKS!!!! 
Also mega thank you's to everyone who has used and abused and faved and made their journals yummy with this design, more to come soon!!!!
+------------------------------+
Related content
Comments: 1414
Thanks so much for the journal CSS! It's very nice and I love that you gave us a choice with the colours too
π: 0 β©: 1
I've down loaded this and I will be using, but I'm not sure when. I will credit you, of course.
Thank you.
π: 0 β©: 1
No problem at all! Its for the old style journal, so feel free to tweak as necessary!
π: 0 β©: 2
When you say 'update' does that mean you could have tweaked or made this a bit better to work better for all users?
Old style Journal? How do we tweak what does not look tweakable, I mean, only you would know to perfect it.
To me, it looks perfect. If it could be better, could you possibly update it then?
π: 0 β©: 1
lol it works perfectly adequately, but does not use the new "gruze" style (rounded corners) that DA released a while after I submitted this. The only difference would be to alter the class names in the CSS to reflect the new code DA uses but theres not much point when it still works ok.
π: 0 β©: 1
Do you plan sometime that maybe you'll make a new CSS that is not only updated with the new jig, but looks flashy?
π: 0 β©: 1
Not in the immediate future no... just don't have time at the moment, but to be honest you're pretty spoilt for choice these days browsing through the submissions to the journal design category!!
π: 0 β©: 1
Not spoiled, just unsatisfied, because they're not compatible with my browser, and the ones that are just don't look as progessional as yours does.
π: 0 β©: 1
Hmm I assume you're using IE then? Unfortunately theres not a lot to be done to increase how effective designs look when viewed with IE, both DA itself and the journals. Its very below par when it comes to compatibility and recognition of the more advanced CSS, and I refuse to bodge my code and start using a bazillion hacks just to try and get my designs to work with IE. Especially when there are more effective, CSS compliant, better designed browsers out there
π: 0 β©: 1
Is Safari ok then? I have that too I use sometimes.
π: 0 β©: 1
Safari (though I don't use it myself) I believe is CSS standards compliant 
π: 0 β©: 1
I'll be using the green version.
π: 0 β©: 2
Nevermind... Can't use it without Prem. Membership. Epically lame.
π: 0 β©: 0
i have a small question: if we make our own pics to use, do they have to be the same size as your pics for each thing? thanx ^^
π: 0 β©: 1
Yep they do ideally else you will run into placement issues.
π: 0 β©: 1
^^ thanx, could you tell me the size of each part, or does it say somewhere?
π: 0 β©: 1
You will need to check the properties of each image when you open them in whatever program you will be using to make the new versions.
π: 0 β©: 1
or, thanx for the help ^^
π: 0 β©: 0
I'll try to learn how to make journal skins off this
π: 0 β©: 1
I love your simple journal format and I've been using it on my own dA. I don't think I'll be changing it for a long while! As such, I've mentioned you in my most recent journal (don't worry, the credit in the disclaimer remains in each entry!)
π: 0 β©: 1
lol current one looks great but beware of changing the font too much, its picking up a very odd script font on my comp that makes the text almost unreadable at that size. It will be different on everyones computers depending if they have the font you have chosen installed, or have different fonts available from different font families
π: 0 β©: 1
Thanks for the warning!
π: 0 β©: 0
Never mind my question I figured it out looking at the source on the live version sample you linked
π: 0 β©: 1
Ahh cool
π: 0 β©: 0
This is awesome, just got through all the instructions and the preview looks good, just wondered how you Insert Your Links?
it seems replacing the words changes the text in the preview but what should the code look like when inserting the URLs?
π: 0 β©: 1
Glad you got it sorted!
π: 0 β©: 1
hi!
Just want to thank you for the wonderful css
I try out your CSS and edited it into like this : [link]
thanks again
π: 0 β©: 1
thank you ^_^
and thank you for sharing this CSS
π: 0 β©: 0
started using this awesome journal style months ago and edited it now a little, but I found out that its pretty crappy in IE and that it causes some trouble, do you have maybe someone who knows a solution? If not I'll try to fix that myself and tell you then if you want
π: 0 β©: 1
I don't bother coding for IE, I dislike having to use hacks on perfectly acceptable css thats already been limited by DA's requirements.
π: 0 β©: 1
yeah, I understand... but Its totally going on my nerves that if you have a widescreen monitor the journal looks soo crappy(im perfectionist so I need that 
π: 0 β©: 1
Thats more to do with photobuckets size limits than anything else. Make the images as wide as you need and host them on your own unrestricted hosting will fix many of the dodgy look from spreading the journal beyond 800px wide.
π: 0 β©: 1
Isnt there a way to avoid that it gets stretched soo much in IE?
π: 0 β©: 1
Other than adding in a max-width attribute to the main journal not really, plus you'd have to hack it for IE so that IE recognises it.
π: 0 β©: 1
yeah noticed that this is the biggest problem-.- dA is forbidding me to use the codes I need to use for that-.-
π: 0 β©: 0
For some reason i cant get it to work. It has no backround and sides D: Help me please.
π: 0 β©: 1
Did you upload the images to your own hosting eg photobucket or imageshack?
Did you then correctly copy/paste into the CSS code the "direct" image links?
Did you copy/paste the CSS (into the CSS box) and the header/footer text into the header/footer boxes?
Did you copy/paste the basic journal layout html code into your "main journal" box?
π: 0 β©: 1
Yes, i did all that, but i think i know the problem...
you say you are supose to put it in like this; [link]
And i dont get it why i have to put the journal nr. in there.
π: 0 β©: 0
Cool
π: 0 β©: 1
None at all, just it was a bit confusing using TinyPic since it renames the images.
π: 0 β©: 0
<= Prev | | Next =>