HOME | DD
Aryenne — Rampage Journal CSS
Published: 2008-12-11 05:41:43 +0000 UTC; Views: 2376; Favourites: 68; Downloads: 115
Redirect to original
Description
Rampage journal layout. There is no gallery layout included right now. I also didn't include the usual CSS instructions this time around. If you want either one, just request it. I don't know how much people are using either one. You can see the layout in action here . It is fully seamless, the images and everything repeat to fill the screen, so no cut off images anywhere.Anyway, I saw this photo by =larfsalot and I was inspired. I included this second photo for the bottom and used a third one just to get some sand for background stuff.
I really like this layout myself. I love the blue tones. You are welcome to use it. You do not need to leave me faves or comments. Please stop by and visit =larfsalot who provided such great photos, though. No use is permitted outside of deviantART.
I do take CSS requests. Layouts done by request will be general use (meaning anyone can use them) and appeal to me personally. I also take CSS commissions. $20 for a fully personalized layout intended only for you.
Related content
Comments: 43
I am afraid I am confised. How does one use this as a skin?
👍: 0 ⏩: 1
Currently it's not set up as a skin. It was made before DA created that feature. To use it is simple, though. Download the files and unzip them on your computer. There is a css.txt file that you need to open in any notepad-type program, and copy and paste the content into the css section of your DeviantART journal.
👍: 0 ⏩: 1
I dont know where the css section is.
👍: 0 ⏩: 1
When you're updating your journal, click on the "Options" tag above the journal body and there will be three boxes. The top is called "Header", the middle and biggest is for CSS, and the bottom in the footer. Header and footer information get put in every journal, every update so you don't have to keep adding them. You just have to copy and paste the entire CSS document into that center field, then hit the preview button and see it in action!
Some code you need to know:
- To get the fancy image headline, type:
<div class="headline">Your Title</div>
- Plain headline:
<div class="important">Your Smaller Title</div>
- For the text sections of your journal:
<div class="textbox"> for text aligned left or
<div class="textcentered"> to center it, then close again.
</div>
- For the box with the sand background:
<div class="linkbox">
- For a title bar in that box:
<div class="title">
- For a centered box with a simple border:
<div class="menu">
Don't forget to close those too. 
If you ever have any other questions or anything, don't hesitate to ask!
👍: 0 ⏩: 1
This is all too confusing. My emial is hotmail and the same as my artist's pen name.
👍: 0 ⏩: 0
it doesn't have the instal journal thing on the bottom
👍: 0 ⏩: 1
I haven't learned how to do that yet. 
👍: 0 ⏩: 1
This is awesome, a very nice layout to look at 
👍: 0 ⏩: 1
Thank you! 
👍: 0 ⏩: 1
I plan to as soon as I figure out how
👍: 0 ⏩: 1
If you need any help, feel free to ask! Once you get the hang of it, it's really quite easy. Getting the hang of it can be tricky though . . .
👍: 0 ⏩: 1
I could use some help if you have the time
I saved the file and copy/pasted the info in but it still wasn't quite right. Did I do something wrong??
Thanks very much for offering to help
👍: 0 ⏩: 1
You do have to use div classes in the sections of your journal you type in. (I haven't quite figured out how to make them really user-friendly yet, so you will learn a little bit a code 
<div class="menu">
This will give you the framed box with menu links. (If you don't know how to make named links, just ask.) Once done, close it like this:
</div>
<div class="textbox"> and <div class="textcentered">
These are the classes you use to put the bulk of your journal text. One aligns left, one centers. Close them the same as you did the menu.
To get the headline with the picture, type:
<div class="headline">Headline</div>
<div class="important">
This will get you the smaller titles that don't have a picture.
<div class="linkbox">
This gets you the box with the image backgroud.
<div class="title">
This is the title bar for the linkbox. To get the little titles for that, just bold the text like this:
<b>bolded text</b>
Always remember that you need to close any div class you open, so don't forget to include the </div> each time. Also, please include the credits in the footer box (which you access by clicking on the "Options" tab). Just copy and paste the following:
<div class="credits">
Layout by :devaryenne:
Photos by: :devlarfsalot:
http://larfsalot.deviantart.com/art/Stock-Equine-33-105214504 | http://larfsalot.deviantart.com/art/Stock-Equine-35-105271312 | http://larfsalot.deviantart.com/art/Stock-Equine-03-103981280
Free for use within deviantART. No use permitted outside.</div>
Hope that helps! Feel to ask if you have any more questions. If you can't get it to work right, screen shots of what you're seeing will help me see what you're doing. You can note me here, or email me at aryenne@gmail.com. Hope you can get it working okay!
👍: 0 ⏩: 1
Ohhh alright I think I understand what you're saying 
Thanks very much for all the info, I really appreciate it
Also, sorry this is a bit late, I've been busy
👍: 0 ⏩: 1
Absolutely! Just keep my credits in the bottom.
👍: 0 ⏩: 1
Hiya!
This awesome piece got featured HERE !
Let me know if you have a problem with that!
Otherwise, have a Merry Christmas and a wonderful holiday!
=larfsalot
👍: 0 ⏩: 1
Awesome! Thank you so much! I love your CSS by the way. It's awesome.
👍: 0 ⏩: 0
Thank you! I am happy you think so! I think this is my favorite so far. They're just cool photos.
👍: 0 ⏩: 1
lol. They are really cool photos.
👍: 0 ⏩: 1
I am hoping you can get some awesome moving shots of Buck. And the other horses. I love the picture you posted of him scratching, though. I think that's getting added to my equine elegance! Eventually anyway.
👍: 0 ⏩: 1
I have some really good moving shots, I just need to get them submitted. Sometime soon (as in hopefully this year 
👍: 0 ⏩: 1
I will hope! 
👍: 0 ⏩: 1
I have some awesome moving shots of other horses too. I'm actually ALMOST ready to submit them on my stock account! I discovered that the library wireless in moab is insanely fast. I can submit like 5 photos in just as many minutes about! (At my grandma's it's more like 5 photos every half hour
👍: 0 ⏩: 1
Awesome stuff! It's good when libraries have good internet. Plus, it's free!
👍: 0 ⏩: 1
Yeap 
👍: 0 ⏩: 0
I am glad you used it! And thank you.
You gotta stick the Credits in your footer though. Crediting me for the layout and =larfsalot for the photos. If you don't know how, just note me.
👍: 0 ⏩: 1
Ok... I don't know how... does this count as noting???
👍: 0 ⏩: 1
Ooh, I just might have to use this sometime. Awesome.
👍: 0 ⏩: 1
Awesome! 
👍: 0 ⏩: 0