{Preview | Code}

Features:

  • Chapter Title Box
  • Text Box

Thank you so much for taking a look at it! I’m so bad with coding, and I hope I haven’t messed this up too much! I know i’ve played around with it a little. But it’s a really lovely theme. I’m probably just dumb and messed up putting the gadget in the right place! I just don’t want to play with it too much and mess it up totally! And yeah, basically you’re like my favorite coding person right now because I don’t know anyone else that would help me this much! 

Also, do you take requests for themes or page themes? I’m looking for something specific, but I can’t seem to find anything that I want. If not, that’s totally fine, just thought i’d ask! :) Thanks again! 

<!Please do not claim as your own.

Feel Free to Edit as you please.>

<head>

<title>Navigation</title>

<style>

/*—-SCROLL—*/

::-webkit-scrollbar-thumb{

    background-color: #c6caca; /**this si the colour of the scrollbar**/

    width:5px;

    height:auto;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

}

::-webkit-scrollbar {

    height:7px;

    width:5px;

    background-color: #c6caca; /**this si the colour of the scrollbar**/

    border: 2px solid #fff;

}

/*—-CSS—-*/

body{

    background-color: #eee;

        background-image: url(‘http://imageshack.com/a/img15/2814/hkf0.png’);

        font-family: arial;

        font-size: 11px;

        color: #000;

}

/*—-Containers—-*/

#container{

    width: 500px;

    height:auto;

    float:center;

    margin-left:450px;

    margin-top:20px;

}

/*—-Tag Box—-*/

#tagbox{

    width:125px;

    height:150px;

    float:left;

    margin:10px;

    padding:5px;

    background-color:#fff;

    border:1px solid #ccc;

    -moz-border-radius:15px;

    -webkit-border-radius:15px;

    overflow:auto;

}

/*—-Text Styles—-*/

h1{

    color:#000;

    font-family:Times New Roman;

    font-size:12px;

    font-weight:lighter;

    letter-spacing:3px;

    font-style:italic;

    border-bottom: 1px solid #ccc;

}

h2{

    color:#000;

    font-family:Times New Roman;

    font-size:26px;

    font-weight:lighter;

    letter-spacing:3px;

    font-style:italic;

}

a:link, a:active, a:visited {

color: #ccc;

font-size:10px;

font-family:Arial;

text-decoration:none;

}

a:hover {

color: #eee;

text-decoration: none;

}

ul.section_menu {

list-style-type: none;

letter-spacing:2px;

margin-left:-30px;

}

ul.section_menu a {

color: #ccc;

}

</style>

<p><object data=”http://d2fy09acxvuqxd.cloudfront.net/widgets/fish/fish.swf?style=’position:fixed;top:75px;left:50px;’ up_backgroundColor=E3FFFB&amp;up_foodColor=F29A18&amp;up_fishColor6=F5D7D3&amp;up_fishColor5=CCF0E9&amp;up_fishColor3=D9F7D7&amp;up_fishColor4=FAEFCF&amp;up_fishColor8=EAD8EB&amp;up_fishColor1=EBCEE8&amp;up_fishName=Fish&amp;up_fishColor2=DFDCF7&amp;up_numFish=10&amp;up_fishColor9=D5F0DB&amp;up_fishColor7=DFD1F0&amp;up_fishColor10=211817&amp;up_backgroundImage=http://&amp;” height=”200” type=”application/x-shockwave-flash” width=”300” style=”outline: none;”></object></p>

</body>

<body>

    <div id=”container”>

    <h2>Navigation</h2>

<!—-Section Start—->

        <div id=”tagbox”>

            <h1>General</h1>

                <ul class=”section_menu”>

                <li><a href=”/me”>Life Story</a></li>

                <li><a href=”/fitness”>Fitness Story</a></li>

                <li><a href=”/stats”>Stats</a></li>

                <li><a href=”/tagged/face”>My Face</a></li>

                <li><a href=”/progress”>Progress</a></li>

                <li><a href=”/tagged/post”>Personal Posts</a></li>

                <li><a href=”/contact”>Contact Info</a></li>

                <li><a href=”/disclaimer”>Disclaimer</a></li>

            </ul>

        </div>

<!—-Section End—->

<!—-Section Start—->

        <div id=”tagbox”>

            <h1>Fitness</h1>

                <ul class=”section_menu”>

                <li><a href=”/tagged/workoutplan”>Workout Plan</a></li>

                <li><a href=”/”>Fav Exercises</a></li>

                <li><a href=”/challenges”>Challenges</a></li>

                <li><a href=”/playlist”>Playlist</a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

            </ul>

        </div>

<!—-Section End—->

<!—-Section Start—->

        <div id=”tagbox”>

            <h1>Food</h1>

                <ul class=”section_menu”>

                <li><a href=”/snacks”>Healthy Snacks</a></li>

                <li><a href=”/”>Fav Recipes</a></li>

                <li><a href=”/tagged/dailymeals”>Daily Meals</a></li>

                <li><a href=”/bananaicecream”>Banana IceCream</a></li>

                <li><a href=”/favfoods”>Favorite Foods</a></li>

                <li><a href=”/homemade”>Food I’ve Made</a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

            </ul>

        </div>

<!—-Section End—->

<!—-Section Start—->

        <div id=”tagbox”>

            <h1>Goals</h1>

                <ul class=”section_menu”>

                <li><a href=”/newyears”>New Years Goals</a></li>

                <li><a href=”/dailygoals”>Daily Goals</a></li>

                <li><a href=”/fitnessgoals”>Fitness Goals</a></li>

                <li><a href=”/lifegoals”>Life Goals</a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

            </ul>

        </div>

<!—-Section End—->

<!—-Section Start—->

        <div id=”tagbox”>

            <h1>Other</h1>

                <ul class=”section_menu”>

                <li><a href=”/favblogs”>Favorite Blogs</a></li>

                <li><a href=”/tagged/ref”>Ref Material</a></li>

                <li><a href=”/tagged/important”>Important Posts</a></li>

                <li><a href=”/FAQ”>FAQ</a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

            </ul>

        </div>

<!—-Section End—->

<!—-Section Start—->

        <div id=”tagbox”>

            <h1>More to come…</h1>

                <ul class=”section_menu”>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

                <li><a href=”/”></a></li>

            </ul>

        </div>

<!—-Section End—->

<!—-TO ADD MORE, COPY AND PASTE FROM “SECTION START” TO “SECTION END”—->

    </div>

<!—-Botton Corner Image—->

<img src=’http://24.media.tumblr.com/265a72502b8e1b85f542746f73b2c687/tumblr_mn530aXVKQ1rfjowdo1_500.gif’ style=’position:fixed;bottom:50px;left:50px;’ width=”300px”>

<p><object data=”http://d2fy09acxvuqxd.cloudfront.net/widgets/fish/fish.swf?style=’position:fixed;top:75px;left:50px;’ up_backgroundColor=E3FFFB&amp;up_foodColor=F29A18&amp;up_fishColor6=F5D7D3&amp;up_fishColor5=CCF0E9&amp;up_fishColor3=D9F7D7&amp;up_fishColor4=FAEFCF&amp;up_fishColor8=EAD8EB&amp;up_fishColor1=EBCEE8&amp;up_fishName=Fish&amp;up_fishColor2=DFDCF7&amp;up_numFish=10&amp;up_fishColor9=D5F0DB&amp;up_fishColor7=DFD1F0&amp;up_fishColor10=211817&amp;up_backgroundImage=http://&amp;” height=”200” type=”application/x-shockwave-flash” width=”300” style=”outline: none;”></object></p>

</body>

Ah-hah! Found your problem right away and bolded it. You see, you’re supposed to put the coding at the bottom before </body>, and it seems you’ve added </body> to the top of the code as well as delete <body>. I’ve fixed it up and italicized what you need to add where in order for your theme to work.

I currently do not take requests, but I may in the future! I’ll probably make a post about it if I ever do.

Hi! Me again, sorry for bothering you so much! I just realized once I added the fish my whole navigation links part kind of moved down? Maybe you could take a look (my-stronger-insanity) /navi1, I've tried figuring out what i've done wrong, but maybe you could open your submit and I could show you the coding I have, and we could work it out? Sorry I'm awful at coding :P And you're really good at it! :)

Hum, yes. I’ll open up my Submit box for you. I have an idea of what it might be, but it’s always best to check the coding!

{Preview Code}

Features:

  • Character Image
  • Information Card
  • Long Information
Hey! I love your fawn theme pages, and I was wondering if you would be able to help me out with something as I am still new at coding. I was wanting to add a gadget to the fawn navigation page theme,(if you look at my-stronger-insanity tumblr com/navigation page, the gadget with the fish) and I was hoping to put it in the top left corner. I don't know where to put the codeing to make that work, if it is even possible. Let me know if you can help, or if you need more info. Thanks :)

image

Something like this, I assume?

Basically, what you do is you put your embed code before the </body>. However, you’re going to add something to it! I’ll show you with this as an example:

<!—- Fish Gadget —->

<object type=”application/x-shockwave-flash” data=”http://d2fy09acxvuqxd.cloudfront.net/widgets/fish/fish.swf?” [style=’position:fixed;top:50px;left:50px;’] width=”300” height=”200”><param name=”movie” value=”http://d2fy09acxvuqxd.cloudfront.net/widgets/fish/fish.swf?”></param><param name=”AllowScriptAccess” value=”always”></param><param name=”wmode” value=”opaque”></param><param name=”scale” value=”noscale”/><param name=”salign” value=”tl”/></object>

What you see in the brackets (These things [ ]) is what you are going to add in. Of course, you will not be adding the brackets, and you’ll have to delete the already-present “style” coding (looks like that bu has something else in there).This will position your gadget where you’d like!

Hope this helped!

FAWN SONG SET

About Page  {Preview | Code}Features:

  • 200x300 Image
  • Small Info Box
  • Larger Info Box
  • Corner Image

FAQ Page {Preview Code}

Features:

  • 400x400 FAQ Box
  • Ask Box
  • Corner Image

Tags/Navigation Page {Preview | Code}

Features:

  • 125x150 Tag Boxes
  • Corner Image

{Preview | Code}

Features:

  • 125x150 Tag Boxes
  • Corner Image

{Preview Code}

Features:

  • 400x400 FAQ Box
  • Ask Box
  • Corner Image

{Preview | Code}

Features:

  • 200x300 Image
  • Small Info Box
  • Larger Info Box
  • Corner Image