New 2

- See more at: http://www.helperblogger.com/2012/06/create-multi-level-drop-down-menu-in.html#sthash.ynIqQ2aj.dpuf

Thursday, July 4, 2013

Drop menu - sub menu Good ,use it



<script src='http://code.helperblogger.com/dd-level-menu.js' type='text/javascript'></script> <style> /* ######### Drop Down Menu Bu HelperBlogger.com ######### */ /* ######### Matt Black Strip Main Menu Bar CSS ######### */ .ddsubmenustyle, .ddsubmenustyle div { /*topmost and sub DIVs, respectively*/ font: normal 13px Verdana; margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; background: white; border: 1px solid black; border-bottom-width: 0; visibility: hidden; z-index: 100; } .ddsubmenustyle ul { margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; border: 0px none; } .ddsubmenustyle li a { display: block; width: 170px; /*width of menu (not including side paddings)*/ color: black; background-color: lightyellow; text-decoration: none; padding: 4px 5px; border-bottom: 1px solid black; } * html .ddsubmenustyle li { /*IE6 CSS hack*/ display: inline-block; width: 170px; /*width of menu (include side paddings of LI A*/ } .ddsubmenustyle li a:hover { background-color: black; color: white; } .downarrowpointer { /*CSS for "down" arrow image added to top menu items*/ padding-left: 4px; border: 0; } .rightarrowpointer { /*CSS for "right" arrow image added to drop down menu items*/ position: absolute; padding-top: 3px; left: 100px; border: 0; } .ddiframeshim { position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0; height: 0; display: block; } /* ######### Black Strip Main Menu Bar CSS ######### */ .mattblackmenu ul { margin: 0; padding: 0; font: bold 12px Verdana; list-style-type: none; border-bottom: 1px solid gray; background: #414141; overflow: hidden; width: 100%; } .mattblackmenu li { display: inline; margin: 0; } .mattblackmenu li a { float: left; display: block; text-decoration: none; margin: 0; padding: 6px 8px; /*padding inside each tab*/ border-right: 1px solid white; /*right divider between tabs*/ color: white; background: #414141; } .mattblackmenu li a:visited { color: white; } .mattblackmenu li a:hover { background: black; /*background of tabs for hover state */ } .mattblackmenu a.selected { background: black; /*background of tab with "selected" class assigned to its LI */ } </style> <div id="ddtopmenubar" class="mattblackmenu"> <ul> <li> <a href="#">LINK1</a> </li> <li> <a href="#" rel="ddsubmenu1">LINK2</a> </li> <li> <a href="#" rel="ddsubmenu2">LINK3</a> </li> <li> <a href="#">Link4</a> </li> <li> <a href="#" rel="ddsubmenu3">LINK5</a> </li> </ul> </div> <script type="text/javascript"> ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar") </script> <ul class='ddsubmenustyle' id='ddsubmenu1'> <li> <a href='#'>LINK2 ITEM 1</a> </li> <li> <a href='#'>LINK2 ITEM 2</a> <ul> <li> <a href='#'>LINK2 ITEM 2.1</a> </li> <li> <a href='#'>LINK2 ITEM 2.2</a> </li> </ul> </li> <li> <a href='#'>LINK2 ITEM 3</a> <ul> <li> <a href='#'>LINK2 ITEM 3.1</a> </li> </ul> </li> <li> <a href='#'>LINK2 ITEM 4</a> </li> </ul> <ul class='ddsubmenustyle' id='ddsubmenu2'> <li> <a href='#'>LINK3 ITEM 1</a> </li> <li> <a href='#'>LINK3 ITEM 2</a> </li> <li> <a href='#'>LINK3 ITEM 3</a> <ul> <li> <a href='#'>LINK3 ITEM 3.1</a> </li> <li> <a href='#'>LINK3 ITEM 3.2</a> </li> <li> <a href='#'>LINK3 ITEM 3.3</a> </li> <li> <a href='#'>LINK3 ITEM 3.4</a> </li> </ul> </li> <li> <a href='#'>LINK3 ITEM 4</a> </li> <li> <a href='#'>LINK3 ITEM 5</a> <ul> <li> <a href='#'>LINK3 ITEM 5.1</a> </li> <li> <a href='#'>LINK3 ITEM 5.2</a> <ul> <li> <a href='#'>LINK3 ITEM 5.2 1</a> </li> <li> <a href='#'>LINK3 ITEM 5.2 2</a> </li> <li> <a href='#'>LINK3 ITEM 5.2 3</a> </li> </ul> </li> </ul> </li> <li> <a href='#'>LINK3 ITEM 6</a> </li> </ul> <ul class='ddsubmenustyle' id='ddsubmenu3'> <li> <a href='#'>LINK5 ITEM 1</a> </li> <li> <a href='#'>LINK5 ITEM 2</a> </li> <li> <a href='#'>LINK5 ITEM 3</a> </li> <li> <a href='#'>LINK5 ITEM 4</a> </li> <li> <a href='#'>LINK5 ITEM 5</a> </li> </ul> - See more at: http://www.helperblogger.com/2012/06/create-multi-level-drop-down-menu-in.html#sthash.76CUwPYB.dpuf



Tuesday, July 2, 2013

Drop Menu , sub menu (Kowsaar)

<div id='cssmenu'>
<ul>
   <li><a href='#'><span>Home</span></a></li>
   <li class='has-sub '><a href='#'><span>Products</span></a>
      <ul>
         <li class='has-sub '><a href='#'><span>Product 1</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
    <li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
           <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>

            </ul>
         </li>
         <li class='has-sub '><a href='#'><span>Product 2</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>

            </ul>
         <li class='has-sub '><a href='#'><span>Product 1</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
    <li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
           <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>


         </li>
      </ul>
   </li>

   <li class='has-sub '><a href='#'><span>Services</span></a>
      <ul>
         <li class='has-sub '><a href='#'><span>News </span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>

            </ul>
         </li>
         <li class='has-sub '><a href='#'><span>History</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>



            </ul>
         </li>
      </ul>
   </li>
   <li><a href='#'><span>About</span></a></li>

   <li><a href='#'><span>Contact</span></a></li>
   <li><a href='#'><span>Menu  1</span></a></li>
   <li><a href='#'><span>Menu   2</span></a></li>
   <li><a href='#'><span>Menu   3</span></a></li>
   <li><a href='#'><span>Menu    4</span></a></li>

</ul>
</div>

Drop Menu , sub menu

<div id='cssmenu'>
<ul>
   <li><a href='#'><span>Home</span></a></li>
   <li class='has-sub '><a href='#'><span>Products</span></a>
      <ul>
         <li class='has-sub '><a href='#'><span>Product 1</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
    <li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
           <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>

            </ul>
         </li>
         <li class='has-sub '><a href='#'><span>Product 2</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>

            </ul>
         <li class='has-sub '><a href='#'><span>Product 1</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
    <li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
           <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>


         </li>
      </ul>
   </li>

   <li class='has-sub '><a href='#'><span>Services</span></a>
      <ul>
         <li class='has-sub '><a href='#'><span>News </span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>

            </ul>
         </li>
         <li class='has-sub '><a href='#'><span>History</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
               <li><a href='#'><span>Sub Product</span></a></li>



            </ul>
         </li>
      </ul>
   </li>
   <li><a href='#'><span>About</span></a></li>

   <li><a href='#'><span>Contact</span></a></li>
   <li><a href='#'><span>Menu  1</span></a></li>
   <li><a href='#'><span>Menu   2</span></a></li>
   <li><a href='#'><span>Menu   3</span></a></li>
   <li><a href='#'><span>Menu    4</span></a></li>

</ul>
</div>

Sunday, June 30, 2013

Hiroshima, Mon Amour.

I Lost My Husband to Cancer

Hiroshima, Mon Amour.

By: sweetmeisje
Written on April 8th, 2010
You saw nothing in Hiroshima. Nothing.
Cancer, and death. Cancer, unfairness, death, solitude, pain, and war inside a body that was not designed to fight this threat. I saw nothing, and yet, felt how every day the deadly potency of the illness in his body consumed it. Like the Hiroshima bomb, this cancer was dropped in his heart and destroyed it completely to the core. 


I saw the patience, the innocence, the apparent meekness with which the temporary survivors of Hiroshima adapted to a fate so injust that the imagination, usually so fertile, is silent before it.
After they informed of his deadly cancer, and later the methastasis in his eyes, I tried hard to be strong while watching him dying slowly. No, it was not a death like in Hiroshima, where the city was suddenly lifted and then burned to its roots, but to me the effect was as impressive and anihilating. It was killing me too, eating all the flesh and bone slowly, and removing the spirit. He was always smiling, though, he was always happy and energetic, and I tried to keep up with his pace, as usual. "Everything will be alright", he told me repeatedly. Deep inside I knew it wouldn't... not then, not ever again...
 
Like you, I am endowed with memory. I know what it is to forget.
Like you, I too have struggled with all my might, not to forget. Like you, I forgot.
Like you, I longed for a memory beyond consolation, a memory of shadows and stone. 
 
For my part I struggled everyday with all my might against the horror of no longer understanding the reason to remember. Why deny the obvious necessity of remembering?
And yet the pain of your skin missing on mine, your voice that I cannot hear anymore, the memories fading slowly about your laughter, the feeling of your fingers on my back, your scent on the shirts hurts so much sometimes I wish I could forget... but no, I promised you I would never forget, and I never will. 
I meet you. I remember you. Who are you? You're destroying me. You're good for me. How could I know this city was tailor made for love? How could I know you fit me like a glove? I like you. How unlikely. How low all of a sudden. How sweet. You cannot know.
I don't scream anymore. I've become reasonable. They say "she's become reasonable".
Of course, as everyone says, life goes on. I must get up every morning, and be as well as possible, fulfill my job responsibilities, and then go back home, to spend a nice evening there, trying to enjoy the sensations. The problem is now everything is numb. Not completely, but it is not how it used to anymore. Now it is numb and scarred, and that is how I found the strength to continue without you, knowing your skin is forever unreachable.
I yearn for you so badly. I can't bear it anymore.
It hurts deep inside missing you... needing you by my side. Listening to our songs, and crying, knowing all is lost, and forever. I can see hope, and light at the end of the tunnel. I have found love, and honesty, and friendship, and I am grateful, but still it is unbearable to miss you like I do now, and always will.
And then one day, my love, your eternity comes to an end. My life that goes on, your death that goes on.
I stayed by his body all that day, and all the following night. He grew cold beneath me, little by little. He took so long to die! I was lying on top of him. The moment of his death actually escaped me, because at that moment, and even afterwards, I couldn't find the slightest difference between his dead body and my own. His body and mine seemed to me to be one and the same.
We were in a hotel, our favourite hotel, where we had spent the night after a great dinner. We woke up early, as always. I am not a morning person, but feeling he was drifting away from my hands like water, I wanted to take any chance everyday to stare deep into his eyes and know he was real, that he was with me still, holding, kissing, calling my name swiftly. We called and ordered breakfast, and had it while holding hands, drinking our glasses with champagne while giggling and getting naked, and excited. 
Soon I was over him, like so many other times, and kissed him deeply. "When I first saw you I fell in love, and you smiled because you knew". My exquisite lover, reciting Shakespeare while making love, while sweating, staring deep into my eyes. I could feel both our bodies trembling, shaking, with pleasure, and suddenly he felt it, his heart finally failing on him. He grabbed me close, and kissed me, while tears filled his beautiful blue eyes. "Promise me you will be happy". I couldn't respond, as I felt life left him slowly, and consciousness of this world and its problems were not in his mind anymore. 
I held on to him for a while, trying to hear another heartbeat on his chest, another slow breath from his mouth. Nothing.
Devour me, deform me to your likeness, so that no one after you will ever again understand the reason for so much desire. We'll be alone, my love. Night will never end.
The complicity and secrets we share, my love, will always be only ours, and they went away with you forever...
Time will pass. Only time. And a time will come when we can no longer name what it is that binds us. Its name will gradually be erased from our memory until it vanishes completely.

Saturday, June 29, 2013

Multi Drop Down CSS Menu for Blog and HTML Sites

Multi Drop Down CSS Menu for Blog and HTML Sites

In this Post I am going to tell you how to add a beautiful and Professional Drop Down Menu any Site or Blog,as i told this is Css drop-down Menu and in Five different Color :-Orange,Red,Green,Blue and Purple.
Note:-If you want this menu in different color you ask in Comment ,i can make it for you .

CSS EFFECT..

Now First we will add the CSS Code in Blogger Template ..  so follow my Simple below Instruction..
  • Login to Blogger  >> Click on drop down menu >>then select "Template".
  • Now you will see  "EDIT HTML" Button ,Click on it >>  and then click Proceed button .
  • Now find this tag </head> by using CTRL +
  • Paste below code Just Before/above </head> tag  and Save the Template.

<link charset='utf-8' href='http://cloud.github.com/downloads/egytricks/codes/stencil.menu.css' media='screen' rel='stylesheet' title='no title'/>
<link charset='utf-8' href='http://cloud.github.com/downloads/egytricks/codes/stencil.menu.colors.css' media='screen' rel='stylesheet' title='no title' type='text/css'/>

MENU CODE

Now we can  use below code to add menu any where we want. you can add it as HTML WIDGET in blogger layout,But i will  Recommend You to Replace this menu code in your Blogger Template with already existing one., or add below code before or after already existing one menu code ..

<div class="navigation" style="z-index: 9;">
<ul class="stn-menu red">
<li><a href="javascript:;">Item #1</a></li>
<li class="hasSubNav hasArrow">
<a href="javascript:;">Item #2</a>
<span class="arrow"></span>

<ul>
<li><a href="javascript:;">Sub Item</a></li>
<li><a href="javascript:;">Sub Item</a></li>
<li>
<a href="javascript:;">Sub Item</a>
<span class="arrow"></span>

<ul>
<li><a href="javascript:;">Sub Item</a></li>
<li><a href="javascript:;">Sub Item</a></li>
<li><a href="javascript:;">Sub Item</a></li>
<li>

<a href="javascript:;">Sub Item</a>
<span class="arrow"></span>

<ul>
<li><a href="javascript:;">Sub Item</a></li>
<li><a href="javascript:;">Sub Item</a></li>
<li><a href="javascript:;">Sub Item</a></li>
<li><a href="javascript:;">Sub Item</a></li>
</ul>
</li>
</ul>

</li>
<li><a href="javascript:;">Sub Item</a></li>
<li><a href="javascript:;">Sub Item</a></li>
</ul>
</li>
<li class="hasSubNav hasArrow">
<a href="javascript:;">Item #3</a>
<span class="arrow"></span>

<ul>
<li><a href="javascript:;">Sub Item</a></li>
<li><a href="javascript:;">Sub Item</a></li>
<li><a href="javascript:;">Sub Item</a></li>
<li><a href="javascript:;">Sub Item</a></li>
</ul>
</li>
<li class="hasSubNav hasArrow">
<a href="javascript:;">Item #4</a>
<span class="arrow"></span>

<ul>
<li><a href="javascript:;">Sub Item</a></li>
<li><a href="javascript:;">Sub Item</a></li>
<li><a href="javascript:;">Sub Item</a></li>
<li><a href="javascript:;">Sub Item</a></li>
</ul>

</li>
<li><a href="javascript:;">Item #5</a></li>
</ul>
</div>

CHANGING COLOR OF MENU

To change the you have to find
<ul class="stn-menu red">

and Replace with

For Orange
<ul class="stn-menu">


For Red
<ul class="stn-menu red">


For Green
<ul class="stn-menu green">


For Blue
<ul class="stn-menu blue">


For Purple
<ul class="stn-menu purple">

Hope you Like this Menu ...You See a Live Demo Here

NOTE:-DON'T COPY THIS POST OR CONTENT WITHOUT LINK-BACK THIS POST ,I HAVE SPENT HOURS ON THIS ... 
 
http://1vikash.blogspot.com/2012/12/multi-drop-down-css-menu-for-blog-and.html