deviant art

Deviant Login
Buy ArtBuy T-Shirts & Gear Buy adCast Buy Premium Membership
Shop
 Join deviantART for FREE Take the Tour
[x]
Browse More Like This
Shop Similar Prints
This Print Not Available more ▶

More from `miontre

Featured in Groups:

:icontutorialhq: #TutorialHQ
Tutorialized :icontutorialsclub: #TutorialsClub
Sharing is caring :iconprojecteducate: #projecteducate
Learn our deviantART ABC's :icontutorial-group: #Tutorial-Group
We help you. You help others :icontutorial-heaven: #Tutorial-Heaven
 :icontutorial-central: #Tutorial-Central
All the tutorials you need!!! :iconartworldtoday: #ArtWorldToday
Virtual First Friday Art Walk :icontodorecursos: #TodoRecursos

Details

March 24, 2012
1.7 MB
700×4627
Sta.sh
Thumb

Statistics

Comments: 127
Favourites: 276 [who?]


Views: 5,434 (10 today)

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
[x]

`miontre has limited the viewing of this artwork
to members of the deviantART community only.

You can log in or become a member for FREE!

:iconmiontre:
EDIT: This tutorial has been updated here.

:wave: I had some people ask how I made the layout for my light wonders Journal feature.
So I decided to make a tutorial so that everyone can learn :dummy:
If you've got any questions, feel free to ask :)

Codes:
Here are the codes you'll need, for easy copy and pasting:
<a href="x"><img src="y" width="700">
<a href="x"><img src="y" height="200">

Important - When getting the links to the deviations (for x), make sure you use the method described in the Journal. Don't use any other link, like the one in your address bar or the fav.me link. If you do, people won't be able to drag your deviations to fave them!

Thanks to `GillianIvy's helpful comment, I found out another code which gives the same result and saves a lot of time:
<da:deviation id="p" width="q" />
Replace p with the numbers only in the deviations thumb, and obviously replace q with your width!
Please note it doesn't work with a height - but you can use it for width if you like! :)
Everything else is the same process, it just makes it easier to work with! :)

Centering Text / Deviations:
If you'd like to center your text and deviations, add this code to the very start of your Journal entry:
<div align="center">
If you're using Sta.sh to write your Journal, make sure you do this at the very last change to your Journal before publishing, otherwise it'll screw with your entire feature and you'll get very confused like I did! :)

Make sure you close it with </div> at the end of your Journal, otherwise you probably won't get it centered.


Thanks:
Thanks to my friends ~Catmagik, ~LeighNakamaru, ~shineyx, and ~xoLeighox! I used their photos in the tutorial because I knew they wouldn't mind :hug:

Journals made with this tutorial:
I'd appreciate it if you linked me to the features you write using this tutorial! :D
light wonders
Here are some amazing photos I found today! :+fav:
Please support the artists (and the hours I spent making this feature with cluttered HTML) with a favourite or comment on the news article! :)
<div>
feature week 13:rose: Thank you :iconwildrune11: for the wonderful tut http://wildrune11.deviantart.com/art/How-to-make-a-great-Journal-feature-292120968 <a href="x">
Square'ish. L
Please give a favourite to this news article. :pointr:

Squares. So simple, yet so stunning.

Here's a beautiful collection of squares. Go and fave them!
DreamyArt - March'12 Feature
 

WELCOME TO OUR MARCH 2012 FEATURE!

 :icondreamyart:
 :heart: Please fave this Journal if you enjoy it, so we can spread these stunning artworks! :heart:
 "You see things; and you say, 'Why?' But I dream things that never were; and I say, 'Why not?'" 
 
 
 
Add a Comment:
 
Preview   Add Comment
love 4 4 joy 6 6 wow 0 0 mad 0 0 sad 1 1 fear 0 0 neutral 0 0
:iconchild-of-minerva:
~Child-of-Minerva May 11, 2013  Hobbyist General Artist
This tutorial saved me XD I was trying to organize some pictures and it wasn't working so thanks for this!
Reply
:iconadb-fantasy:
~ADB-Fantasy May 3, 2013
Thanks.
Reply
:iconjsvn:
~Jsvn Feb 12, 2013
Miontre, thanks so much for this tutorial! Thanks to your clear instructions I made my first ever journal feature with the html codes. It took a very long time! But it's here [link] - on city photography - street, architecture, cityscapes.

Thanks once again for your effort and generosity!
Reply
:iconmiontre:
`miontre Mar 28, 2013  Hobbyist Photographer
Thank you for the link! I am glad you found the tutorial easy to follow :D
Reply
:iconiraecoal:
~IraeCoal Feb 6, 2013  Professional General Artist
How do you make words represent a link, like if I hover over light wonders, I can click it and it will link me there? How do you do that?
Reply
:iconmiontre:
`miontre Feb 6, 2013  Hobbyist Photographer
Just use this code:

<a href="URL">TEXT</a>

:) Hope that helps!
Reply
:iconiraecoal:
~IraeCoal Feb 13, 2013  Professional General Artist
It worked! Thanks so much ^^
Reply
:iconfly93:
~Fly93 Jan 1, 2013  Student General Artist
Thank you, that's really helpful!
:)
Reply
:iconmiontre:
`miontre Jan 1, 2013  Hobbyist Photographer
No problem! :)
Reply
:iconvisualpoems:
~VisualPoems Dec 31, 2012  Hobbyist Photographer
Used here: [link] [link] [link]

Thank you! :D
Reply
Add a Comment:
 
Preview   Add Comment
©2013 deviantART. All rights reserved
About Us | Contact Us | Developers | Careers | Site Tour | Help & FAQ Advertise | Premium Membership Etiquette | Privacy Policy | Terms of Service | Copyright Policy