Shop More Submit  Join Login

Similar Deviations


USE THESE "UNIQUE DA style CONTENT-HOLDER BOX" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!


AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!
---------------------
SOURCE CODE:


Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need! :love:



<div class="gr-box gr-configbox"><div class="catbar bubbleprefix"><i class="c tl"></i><i class="c tr"></i><div align="center"><b>CONTENT HEADING HERE</b></div><br>Body text here..</div>

<div class="gr-box gr-configbox"><div class="catbar bubbleprefix"><i class="c tl"></i><i class="c tr"></i><br>Body text here..<br><br></div>


-------------------
Please support me by giving me subscription or :points: if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.
Show
Add a Comment:
 
No comments have been added yet.



USE THESE "UNIQUE RED N GREEN Backgrounds" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!


AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!
---------------------
SOURCE CODE:


Just copy and paste it in your Custom module.
Each style is in each line! Choose them according to your need! ;)


WARNING : Do not use the styles together!! They won't work together!!:no:

<div class="popup2-moremenu"><br/><div class="floaty-boat"><a href="http://somrat.deviantart.com/gallery/#Custom-Box-resources"><img src="http://img687.imageshack.us/img687/5528/hiddenheader.png"/><br/><div class="gr-box gr-configbox"><div class="catbar bubbleprefix"><i class="c tl"><b></b></i><i class="c tr"><b></b></i><div class="cc-name">Heading text here..</div><sub><b>Sub-heading here..</b></sub></a></div></div><br><br><br>Body text here..

<div class="popup2-moremenu"><br/><div class="floaty-boat"><a href="http://somrat.deviantart.com/gallery/#Custom-Box-resources"><img src="http://img687.imageshack.us/img687/5528/hiddenheader.png"/><br/><div class="gr-box gr-configbox"><div class="catbar bubbleprefix"><i class="c tl"><b></b></i><i class="c tr"><b></b></i><div class="cc-name">Heading text here..</div></a></div></div><br><br>Body text here..


-------------------
Please support me by giving me subscription or :points: if you can!!! I am not asking this for myself but for you...

I provide FREE resources for everyone to customize their DA profile.
Show
Add a Comment:
 
No comments have been added yet.

Pink Version

Made a new journal last night and a few people liked it so I thought I'd share. It's heavily based off of the post-it notes obviously :B It is made to relate short bursts of info. So you won't be using this as an every day journal skin I don't think. I contemplated making it Twitter themed, but thought it redundant...

This skin uses only the Title of your journal. So, like your twitter posts your post-it is limited to what ever can hold inside dA's specified title limit. To help with the shortness (even though that is kinda the point) I coded in an "extra sheet" for you to write on. When in use it adds a page curl to the bottom right of the post-it and when you hover it will show the extra sheet. I've managed to get the hover effect to work in all browsers :D that's right now even you IE people can use popups! There is a downside though... I had to nestle it inside a link tag so you won't be able to use :dev:s or :thumb:s You can however make the parent link actually point to a url so it will be one giant link when you hover, but that is your choice. Likewise you can delete the popup from the header of your journal and make due with the title text alone. The choice is yours.

To place a Extra Sheet you need to place this in the Header of your journal:
    <div class="moar"><u><a href="http://"><div class="postit"><div class="day">Place text inside me for the "more" rollover!</div></div></a></u></div>


Available in 4 other colors:
  • green
  • white
  • blue
  • yellow


  • Noticed the "Skin by ^Ikue" Looks kinda out of place on such a small journal, so as an alternative you can place this in the css:
      .skin_attribution {display:none;}
    It gets rid of that bit that says I made it, but I ask that if you do get rid of it and someone asks where you got it could you please redirect them here :D
    Show
    Add a Comment:
     
    No comments have been added yet.

    Click on a preview image for a better view and details.

    Pack includes icons for the most commonly used gallery folders + PSD file with the possibility to set the desired color of the flag.

    *Due to copyright issues, used font - Gotham Medium is not included in the pack.

    To see how they look "in live" simply visit my personal gallery or favs gallery.
    Show
    Add a Comment:
     
    No comments have been added yet.

    This is the matching background for the skin you can find here:


    And orange version here:


    Please remove the *'s from the below code in the URL!

    To use this as a custom box background insert this code into your box widget:
    <div class="popup2-moremenu"><div class="floaty-boat"><br><img src="http*://fc02.deviantart.*net/fs70/f/2012/019/e/d/custom_box_background_by_shattered_earth-d4mv46w.png"/></div></div><div class="gr-box gr-genericbox"><br>Your box content HERE.</div>

    Please remove the *'s from the above code in the URL!
    Show
    Add a Comment:
     
    No comments have been added yet.

    Personal Use: Free! Use this code in any way you'd like.

    Commercial Use: Please send me a note to discuss.

    :iconleftlacedivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconrightlacedivplz:

    note 1: Do not remove or add any spaces from the HTML provided in this template. Doing so may require playing around with positioning numbers within the CSS afterwards.

    note 2: Anything between brackets /* like this */ within the CSS coding provided, MUST be removed before saving it to Deviantart. DA does not allow CSS commenting and you will receive an error if you do not remove it first.

    note 3: Do not remove the credit back to me. If you would like to do this please contact me in regards to commercial use.

    note 4: The code I'm using for rounded corners in this Template does not work in IE. It should work fine in FF and Chrome, but I'm not sure about other browsers.

    :iconleftlacedivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconrightlacedivplz:

    Preliminary Instructions

    This template requires the use of 3 images for the sidebar to work properly.

    Below are the images I've used. Feel free to use them as starting points (for size, etc) for your own images when you create your skin.

    The top of the Sidebar


    The Sidebar Tile


    The Bottom of the Sidebar



    :iconleftlacedivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconrightlacedivplz:

    Instructions

    Step 1: Click 'Download File' along the top right of this page.

    Step 2: Create a new Journal Entry and click on 'Edit Skin' in the top left hand corner.

    Step 3: Unzip the folder you've downloaded and open the file labelled CSS.

    Step 4: Copy and paste the text within this file over to the CSS section on your Journal Skin page.

    Step 5: Edit colours and/or positioning to your liking. Add Background images, etc. Don't forget to remove to commenting!

    Add your Sidebar Tile image URL to the gr-body class.

    Step 6: Open the Header file from the folder you downloaded.

    Step 7: Copy and paste the text within this file over to the Header section on your Journal Skin page.

    Step 8: Paste your Header and Link Button Images in to their respective spots as well as your Link URLs.

    Add your Sidebar Top and Bottom image URLs to their respective divs.

    Step 9: Open the Footer file from the folder you downloaded.

    Step 10: Copy and paste the text within this file over to the Footer section on your Journal Skin page.

    Step 11: Paste the url of your Extra Box title Image in to it's respective spot. You can also simply type the title of your Extra box instead of using an image.

    You also have the option of pasting the Extra box code multiple times and making

    Step 12: Preview your changes and then Save.

    You're Done!

    :iconleftlacedivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconrightlacedivplz:

    Have any questions? Let me know!

    Live Preview!:
    Journal Skin Template 2Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lorem nunc, molestie vitae pellentesque ut, elementum eget sapien. Nam consequat vehicula massa, sed aliquam turpis varius ac. Aliquam velit urna, pulvinar ut dignissim vitae, auctor et turpis. Aenean dictum, turpis eget mattis congue, eros arcu feugiat ipsum, quis bibendum enim erat sodales arcu. Morbi malesuada bibendum suscipit. Proin fringilla, neque vel elementum semper, mi nisi malesuada mi, ac varius mauris erat ut urna. Integer hendrerit faucibus elit ut congue. Quisque id risus nibh, eget pulvinar arcu. Vestibulum elementum, erat dignissim consectetur dignissim, lectus er


    :iconleftlacedivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconrightlacedivplz:

    Template 1
    Show
    Add a Comment:
     
    No comments have been added yet.



    USE THESE "CONTENT-HOLDER with NEW BUTTONS" IN YOUR CUSTOM WIDGET MODULE OF YOUR PROFILE PAGE!!


    AVAILABLE FOR PREMIUM MEMBERS and SUPER GROUPS ONLY!!
    ---------------------
    SOURCE CODE:


    Just copy and paste it in your Custom module.
    Each style is in each line! Choose them according to your need! ;)



    <div class="gr-box gr-genericbox"><div class="gm-controls"><span class="gmb-edit"><a href="NEW-BUTTON-URL" ></a></span></div><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i44"></i><div class="thumb-holder cc-name"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources">CONTENT HEADING HERE</a></div></div></div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb"></i></div>

    <div class="gr-box gr-configbox"><div class="gm-controls"><span class="gmb-edit"><a href="NEW-BUTTON-URL" ></a></span></div><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i19"></i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HERE</b><br/>Sub-heading here</a></div></div></div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb"></i></div>

    <div class="gr-box gr-genericbox"><div class="gm-controls"><span class="gmb-edit"><a href="NEW-BUTTON-URL" ></a></span></div><i class="gr1"><i></i></i><i class="gr2"><i></i></i><i class="gr3"><i></i></i><div class="gr-top"><i class="tri"></i><div class="gr"><i class="icon i29"></i><div class="thumb-holder"><a class="hyper" href="http://somrat.deviantart.com/gallery/?25553818#Custom-Box-resources"><b>CONTENT HEADING HERE</b><br/>Sub-heading here</a></div></div></div><div class="gr-wonkwonk">Visible to <b>my watchers</b> only. <--You can edit it!</div><div class="gr-body"><div class="gr pp"><div align="left">Body text here..</div></div></div><i class="gr3 gb"></i><i class="gr2 gb"></i><i class="gr1 gb"></i></div>



    So now you've got your CONTENT-HOLDER BOX with NEW button! :D
    BUT HOW TO CUSTOMIZE THE ICONS??

    GO HERE TO SEE THE TUTORIAL : [link]
    -------------------
    And don't ask me whats the use of these boxes!! :P
    -------------------
    Please support me by giving me subscription or :points: if you can!!! I am not asking this for myself but for you...

    I provide FREE resources for everyone to customize their DA profile.
    Show
    Add a Comment:
     
    No comments have been added yet.


    Exclusively for Premium members and Super groups only


    This journal skin is a free release for public use. You can use it only for your personal use.





    Get the PREMIUM versions:


    ATTiTude (Pink + Black) Premium skin by CypherVisor    ATTiTude (Red + Black) Premium skin by CypherVisor



    Want to buy unique ready-made skins?


    Check my gallery folder for Read-made Journal Skins.


    Live view: [LINK]





    Custom tags to be used in JOURNAL BODY



    1) Title heading
    <h3>Title heading</h3>

    2) Center aligning content
    <div align="center">content here</div>

    3) List items
    <ul><li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
    </ul>

    4) Custom box (can be used infinite times)
    <div class="box">content here</div>



    I take commissions to make custom journal CSS too. Check out my Journal CSS folder or send me a note




    Want to customize your profile page?


    Check all my free resources + tutorials: [LINK]



    Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks



    I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some points :points: to me as an appreciation or support.


    Skin design & coding Copyright `CypherVisor
    Show
    Add a Comment:
     
    No comments have been added yet.

    Icons for deviantART members personal and favourites gallery folders.

    Included:

    1. Icons (for the most common folders);
    2. PSD file;
    3. Font.

    The same icons I use for my gallery folders, so you can see the "live" version by visiting my gallery.
    Show
    Add a Comment:
     
    No comments have been added yet.


    Exclusively for Premium members and Super groups only





    Updated: 30-Mar-2014





    How to use ?


    Just copy the source code(s) below and paste it in your Custombox module in your profile or group page.




    SOURCE CODE:


    <div class="thumb-holder"><a href="URL" class="smbutton smbutton-normal smbutton-big"><span class="post">I love my buttons very much</span></a></div>

    <div class="thumb-holder"><a href="URL" class="smbutton smbutton-blue smbutton-big"><span class="post">I love my buttons very much</span></a></div>

    <div class="thumb-holder"><a href="URL" class="smbutton smbutton-deepgreen smbutton-big"><span class="post">I love my buttons very much</span></a></div>

    <div class="thumb-holder"><a href="URL" class="smbutton smbutton-white smbutton-big"><span class="post">I love my buttons very much</span></a></div>

    <div class="thumb-holder"><a href="URL" class="smbutton smbutton-red smbutton-big"><span class="post">I love my buttons very much</span></a></div>

    <div class="thumb-holder"><a href="URL" class="smbutton smbutton-purple smbutton-big"><span class="post">I love my buttons very much</span></a></div>

    <div class="thumb-holder"><a href="URL" class="smbutton smbutton-green smbutton-big"><span class="post">I love my buttons very much</span></a></div>

    <div class="thumb-holder"><a href="URL" class="smbutton smbutton-engraved smbutton-big"><span class="post">I love my buttons very much</span></a></div>

    <div class="thumb-holder"><a href="URL" class="smbutton smbutton-lightgreen smbutton-big"><span class="post">I love my buttons very much</span></a></div>

    <div class="thumb-holder"><a href="URL" class="smbutton smbutton-pale smbutton-big"><span class="post">I love my buttons very much</span></a></div>

    <div class="thumb-holder"><a href="URL" class="smbutton smbutton-orange smbutton-big"><span class="post">I love my buttons very much</span></a></div>






    Troubleshooting



    If you are getting a) an arrow symbol for external links or b) bold text in your buttons then please read FAQ #14 and #15 here: F.A.Q. + Tips n Tricks




    Want professional Profile Menu buttons?


    Press-Down Effect Profile Menu - Template by CypherVisor Circular Profile Menu - Template by CypherVisor

    Buy them now!



    Want to buy my premium resources?


    Check my gallery folder: Premium Content.





    Want to customize your profile page?


    Check all my free resources + tutorials: [LINK]



    Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks



    I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some points :points: to me as an appreciation or support.

    I take commissions to make custom journal CSS too. Check out my Journal CSS folder or send me a note

    Show
    Add a Comment:
     
    No comments have been added yet.