<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
HEROSHIMAA
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
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>
<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>
<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><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>
<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>
<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><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.
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
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 + F
- 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 ...
Subscribe to:
Comments (Atom)
