Monday, September 26, 2011

Creating Horizontal Menus with CSS Drop Down plus - Revisited

Yes, the first article Ditahun 2011, I will teach you how to create a complete navigation with drop down menus with pure CSS. Loh not already been? Yes and it was in 2008! stale and old-fashioned (not so old-really old anyway), and many also ask about the menu because of difficulty using image sprites. And because it's the year 2011, then I will teach it again without using any images at all.

Well before the information, I assume you already know HTML and CSS, and of course have understood link between the HTML file with CSS, if not I suggest learning CSS I see articles from old-fashioned era.

Caution:
Before you continue reading this article, I suggest you understand the basics of HTML and CSS basics first.


Create HTML code

Okay we start with its HTML code, oh yes now that its time HTML5 HTML5 then I started to wear, just calm my still-mixed mixed with XHTML, HTML5 later on I will discuss their own next time. Okay for the structure is still the same and we use the tag <ul> <li>.

Program code :

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Drop Down Menu</title>
<head>
<body>
  <div id="place-nav">
  <ul id="nav">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">Artikel</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Social</a>
      <ul>
        <li><a href="#">Facebook</a></li>
        <li><a href="#">Google</a>
          <ul>
          <li><a href="#">Google Wave</a></li>
          <li><a href="#">Google Buzz</a></li>
          <li><a href="#">Google Plus</a></li>
          </ul>
        </li>
        <li><a href="#">Twitter</a></li>
      </ul>
    </li>
    <li><a href="#">Portfolio</a></li>
  </ul>
  </div>
</body>
</html>


Ok, if you notice there is a menu within the Social <li> again and again precisely therein <li> in Google there is a menu again. This we will later make a drop down menu with 2 levels of depth. Okay if you check the results while like this.

Well now his magic, we used to change the list that it becomes an interesting menu with CSS. Its CSS code like this, I immediately write all my new future terangin:

Program code :

#place-nav {
  width:960px;
  height:35px;
  margin:63px 0 0 0;
}
#nav {
  height:35px;
}
#nav li {
  height:35px;
  float:left;
  display:inline;
  margin:0 5px;
  position:relative;
  font-family: Arial, verdana, serif;
  z-index:1000;
}
#nav li a {
  float:left;
  display:inline;
  height:25px;
  padding:10px 8px 0 8px;
  font-size:12px;
  color:#9e9e9e;
  font-weight:bold;
  text-transform:uppercase;
  text-shadow:0 0 3px #c7c7c7;
}
#nav li:hover a {
  text-decoration:none;
  color:#505050;
}
#place-nav ul ul {
  position:absolute;
  z-index:1200;
  display:none;
  width:186px;
  margin: 0;
  top: 35px;
  left:0;
  background:#1d87ca;
  padding:0 0 2px 0;
}
#place-nav ul li ul li {
  display: inline;
  float: left;
  width:186px;
  height:auto;
  border-bottom:1px solid #085d93;
  float: left;
  padding: 0;
  position:relative;
  margin:0;
}
#place-nav ul ul ul {
  position:absolute;
  z-index:1300;
  display:none;
  width:186px;
  margin: 0;
  top: 0;
  left:183px;
  background:#1c83ce;
  border-left:1px solid #1479c3;
  padding:0;
}
#place-nav ul li ul li ul li {
  display: inline;
  float: left;
  padding: 0;
}
#place-nav #nav li:hover ul li a, #place-nav #nav li:hover ul li
a:link, #place-nav #nav li:hover ul li a:visited {
  color:#fff;
  font-size:12px;
  width:170px;
  height:auto;
  text-transform:none;
  border:none;
  background: none;
  padding:9px 8px;
  text-shadow:none;
  margin:0;
  font-weight:lighter;
}
#place-nav #nav li:hover ul li a:hover, #place-nav #nav li ul li a:hover {
  text-decoration:none;
  color:#fff;
  background:#0f74bd;
}
div#place-nav li:hover ul ul,
div#place-nav li li:hover ul ul
{display:none;}

div#place-nav li:hover ul,
div#place-nav li li:hover ul
{display:block;}


Then, drop downnya results can be seen first. Well I will explain the most important parts, first is the # nav li here we love position: relative;, why? because of the drop-down our # nav ul ul place have the position: absolute;. So we have to declare a container that fits under each menu position <li>. If we do not give position: relative; then the browser will assume it is a container so that the drop downnya <body> will appear top left corner of the browser.

Next is the # nav li: hover a loh kok instead of # nav a: hover li <li> why his dihover? Yep, because we are in the drop down menu and not in <a> <li> then if we want to remain in his footsteps so we hover at its <li>. I add the z-index: 1000 just in case because usually it's usually found under the menu javascript slideshow and most cases especially IE7 dropdown position below the slideshow, because I love the z-index is rather high position let me on it.

Caution:
And because the familiar IE6 hover just to tag <a> then if you still love and still want to support IE6 mending to sea aja csshover.htc Peter Nederlof then use to can walk in IE6 /

Okay place next # nav ul ul-nah this is a drop downnya, therefore we give the position: absolute; to appear just below each # nav a: hover li. Do not forget to get rid of our first, due to drop downnya emerged when we used to hover so initially hidden with display: none;. We set the position to just below the menu with a top: 35px; and left: 0;. Be sure to distance above it there is no empty space 1 pixel too because if there when we mouse over the empty space we have outside of the mouse <li> so dropdown will disappear. So make sure the top is less than or equal to the height <li> thereon.

# Place the next-nav ul ul ul is a drop down to level 2 so yes just like before, but because Dorp down the second-level position to right rather than drop down a level 1, then we enlarge the left but do not have any distance of 1 pixel.

Now the last and most important are:

Program code :
div#place-nav li:hover ul ul,
div#place-nav li li:hover ul ul
{display:none;}

div#place-nav li:hover ul,
div#place-nav li li:hover ul
{display:block;}


This is the css code to create drop down and eliminate them. As you can see place-nav div # li: hover ul, div # nav li-place li: hover ul This means that if we menghover <li> it will appear next <ul> display: block and <ul> it (the level to 2) does not appear display: none;, just when we hover <li> level to level two then drop down into the two will appear

Ok, easy right? dizzy? 've tried aja ya, enjoy......!!!
Good luck .......

Here's Some of Excellence Blackberry

Among other
1.Daya lasting battery:
   BB Batteries having dayatahan generally relatively consistently longer 
   than the 'smart-HH' other.

2.Kuat, invulnerable:
   BB also consistently more resilient than the other HH.

3.Menyimpan with Good Data:
    Try to remove the battery for a week his BB and plug it back, all the
    data aunt / om will remain. All written and saved to flash ROM at any
    time, even the 'draft' of your email.

4.Software 'e-mail:
   Email on the BB is far superior compared to the 'other email software'2
   also di'push' wirelessly.

5.Selalu 'ON' does not need to 'connect first':
    BB is very similar to the wireless connection / DSL. Always there and ready, no need di'sambung '(conn)
    first. Maybe not as fast as landline connections / DSL, but always 'connect'. Many HH with other OS
    systems require manual connection step first.

6. Configuration-Free:
    Concerns should be free to configure an email when a 'reset' as in some other smart-HH. No need to
    worry whether we are running or not email because of the 'crash'. RIM software ensures
    that email will be run every time by not allowing us inadvertently exit / 'exit' from the email software.

7.Tidak need the POWER / ON:
    In contrast to other smart-DD, BB employ relatively small, so that it can di'geletak' her for granted. BB can
    di'off'kan electronically through the menu, such as when we're in an airplane. But the rest, can we let them, 
    either at menenerima email and we do not want to receive emails.

Thank you for your visit ....
Hope it helps .....

Thursday, September 22, 2011

10 contemporary-art laptop

1. Luvaglio for $ 1,000,000 (if converted to dollars so about 9.5 billion dollars)
Price of this laptop is a million dollars. this laptop is only one of the world and buyers can customize the choice of precious metals, leather. some features that are injected in it is 128 GB solid state drive, MP3 player, a built in USB sticks.
 
2. Tulip E-Go Diamond
Tulip describes itself as the most desirable luxury notebooks in the world. This go round notebook price $ 355,000. chrome and make it rounded a curve similar to women's handbags. He also has a skin made of leather.

3. Ego for Bentley


It costs about $ 20,000 the actual performance of the notebook is not even this high terlagu ie only have 64 bit CPU for Vista 64 bit and 160 GB HDD.

4. Voodoo Envy H:171

If you want laptop.notebook with real performance and looks fit your style, you can choose to Voodoo which will deliver high performance with an Intel Core 2 Extreme X6800, a chunky 4GB of RAM, twin Nvidia Quadro FX Go 2500m graphics chipset, 1.3MP webcam, dual 250GB hard disks, 7-in-1 memory card reader, dual layer DVD RW and a high resolution 1920 × 1200 17-inch screen. You can choose from 24 color chassis, this notebook costs about $ 8,500.

5. Rock Extreme SL8

The fastest laptop in the world. With Intel Core 2 Quad Processor, NVIDIA 9800M GPU in SLI and staggering 8GB of RAM. it costs about $ 5000 which is certainly comparable to kinrerjanya.

6. Alienware Area 51


Who says that the laptop can not be used for hardcore gaming? This sleek and stylish laptop uses an Intel Core 2 Extreme and packet technologies in the NVIDIA ® GeForce ® 9800M GT in SLI ® configuration with dual GPU up to 1GB of dedicated memory. Storage 1TerraByte has high speed in a RAID 0 configuration and the other with intelligent storage options. The system is loaded with Vista and you can record HD TV and movies with the use of the TV Tuner. Inidujual products with prices around $ 5000.

7. Lenovo ThinkPad W700DS


Besides having the normal 17-inch screen this laptop also has a screen / LCD located on the secondary pull out the main screen and can be used in programs such as Excel and CAD for charts and figures. The screen can be used for display applications such as Skype or instant messenger. Notebook is packed with a 2.53 GHz QX9000 Core 2 Quad Extreme, 4GB RAM, dual 250GB 5200rpm hardrives and sold for about $ 4500.

8. Toshiba Qosmio G35-AV660


HD DVD laptop with 2.0 GHz Core 2 Duo, 2GB RAM, 240GB HDD RAID 0 and Nvidia GeForce Go 7600, it is a good computer in addition to being a good HD DVD player with 17-inch (1920 × 1200). it costs about $ 3,500, the amount of money you already bsia have a good entertainment laptop.

9. Dell M6400


This Dell notebook is a notebook with real power. uses Intel Core 2 Duo Quad Core Extreme Edition processors for complex analysis and offers 16GB of fast 1066MHz DDR3 memory for large data sets and have 1GB of graphics memory. This high performance laptops can be obtained at a price that is "affordable" which is around $ 3000.

10. Acer Ferrari 1100


Acer Ferrari looks super built with an ultralight, wear-resistant carbon fiber chassis. For the specification has been pinned MAD Turion X2 Dual-Core CPU, 4GB of RAM and WiFi draft-n which will make the performance as soon as you get this Ferrari.notebook valued around $ 3000.

Thanks .............


Wednesday, September 21, 2011

AT & T BlackBerry 9800 Torch

AT & T BlackBerry 9800 Torch Still Promoting Worth $ 29.99.
Last month one of the cellular phone network service providers in the U.S. named AT & T, impose a special price of $ 29.99 exclusively for the sale of BlackBerry Torch 9800.

After running one month Torch Promo BlackBerry 9800, it seems the AT & T still offers these promos. As is known, the price of the BlackBerry Torch 9800 is $ 649.99 for cash purchases. With special offers Torch 9800 it can be bought for $ 29.99. With the new price of AT & T impose requirements that are different from the BlackBerry subscription offerings ever before. Generally subscription contract was carried out for two years.

September 2011 New Blackberry

Back again we present the list / lists blackberry Indonesia around 2011. Information listing the prices of September 2011 the latest blackberry from blackberry bold, blackberry, blackberry storm, blackberry playbook with market prices. and a list of new blackberry September 2011 traces and other second. Here's a list of his price range bb August-September please scrutiny.


Blackberry
Complete for Models & Prices, skrg check the site's biggest sale hp!
www.tokobagus.com
HpBlackberry
Find hp blackberry price peaceful Berniaga.com Come stop by!
www.berniaga.com
Designer B'Berry 9780
Einzigartig in Europa: Individuell veredelte Smartphones!
www.nelou.com
Shopping Easy And Cheap
Multiply.com, place Miscellaneous Shopping Goods With Cheap Price!
multiply.com / marketplace

Notebook laptops

 

The many notebook laptops you could prefer to get in one particular place! your portable computer mobile computer Examine laptop notebooks quickly to see a cheap laptop computer pc and buying on the internet. Laptop computers have grown to be increasingly popular inside of both personal and expert earth. Internet marketers moving around and employees “available” typically have to stay connected to hold in touch as well as abreast of any kind of essential goings on of their organization - a compact laptop mobile computer is a perfect resolution - staying mild, simple journey with and most however functional! Should you be an internet online gamer you might find Xbox accessories a great place to acquire xbox360 stuff! Go to the online world which includes a wi-fi network within a airport terminal and examine email messages to assure situations are running efficiently all night to help system. Do the job from another location having mobile computer netbooks. You’ll find a cheap laptop computer journal about Portable computer Laptop computers.org.united kingdom quickly and easily!
Trying to find notebook laptop computers that do all your pc ought of do?

This page is quite easy to use searching in your great notebook within the look for bar at the very top or perhaps drill into discover a portable computer determined by selling price or maybe generate/model regarding pc journal using the left hand routing. Where gadgets go, you’ll find nothing as good as playing by using a wi-fi compatibility online radio though repairing your laptop computer. Nowadays there are countless kinds of netbooks as well as portable computer netbooks that producing different options can be hard. Your journal laptop guide should help you make of which determination, whether you desire a simple laptop or something like that inside a specific spending budget.

Can We Really Earn Money From Internet?

>> WEDNESDAY, 21 SEPTEMBER 2011

Really we could get money from the internet? the question may still be asked by many people who doubt about the truth that the Internet can be used to find the money. The first time when I saw a blog that writes about the PTC, I also ask, is it true can I get some money from the internet? The question bothered me, until I learn more about how to make money over the internet, so if this time I asked about the true we could get money from the internet?, then I must emphatically, will answer "Yes, we can make money from internet , so we could get the money. Because I've proven myself that I can make money from the internet. I question the amount of his relative, the important thing is the internet really we can use to make money.

You must know google and yahoo? have no doubt that they are actually making money in large quantities from the internet. That's one example that all people will not doubt it. How can we get the money from the internet? Well here are some ways that we can use to make money over the internet.

1. Making the Internet For Online Stores For Sale
The Internet is a medium, we already know that the media has a major role in promoting the products that we have, if you have a product, why do not you try selling on the internet, more and more extensive market coverage. How do we market it? Of course you have to make a web site or web log (blog) to write down what you offer, how your way of ordering and payment, and what the purchasing and sale agreements.

2. Make Money With Money Generating Program
Aside from being an online store, the web site or web log (blog) we can use to make money over the internet by following the money-producing programs on the internet, that is by advertising on this web site or blog that we created. Television Station as a case, they get money from advertisers, we can earn money by advertising other people. Obviously if you as an advertiser, then you will definitely prefer to place advertisements on web sites or web blogs that busy people are visited is not it? Therefore if you want to make money from ads on your web site or blog, then you have to do is find a lot of visitors to enter a web site or blog, In what way? Please you are looking for a reference on how to search for many visitors to the blog.

3. Selling Links, both single link and the link in the review.
Although traffick blog is dominant when we want mancari money from the internet from advertising, but in selling this link then the dominant is owned by Page Rank Web site or blog. Why is that, because here the most important expected by the buyer, are the links that originate from the Web site or Web log with High Page Rank. Why Page Rank High? Since Page Rank is given by google, while Google itself has a search engine that is used by many people, even, to date, including its search engine search engine of the largest and most widely used by Internet users, the Page Rank of course to some extent will affect the performance of the largest search engines.

4. Selling Services
In searching for a business looking for money, who cleverly saw the opportunity, it will most likely make it able to actually get the money from the internet. For example selling vcc for paypal account verification, Selling Blog manufacturing services / websites, and selling services for content writers, of course, we must know what is needed by the market. When business ads from google adsense Boom, then comes the English writer content writer, because the google adsense ads to work on this web site or blog who speak English and other languages ​​according to rules set by Google. While many of us who want to find advertising dollars from google adsense this, inggrispun language content needs can be met by buying English language content on the content authors.

5. Following Online Business
Following an existing online business, eg to become a reseller (selling belongings) will give us a chance to get a commission, HYIP Program, Money Game, Forex Trading, Investment Program, PTC and others.

6. Pray and Sodaqoh
His name is also the quest for money, there is the X factor that will affect the results we get, then pray and hope that sodaqoh in our efforts to find the money to be smooth and baraka.

Beware of Fraud !!!!!!!!!!!!
In looking for a lot of money in the conventional fraud, then we should be more careful in finding more money on the internet. But it is true that the internet can we use to make money.

Other Articles:
Making Sales For Business We Blog

Development Services and Web Site Offers Blog

How to Start an Online Business Getting Started?

Making Sales For Business We Blog

Monday, September 19, 2011

Hacker News

19 September 2011

The case against a computer hacker who faced extradition to the US on charges of breaking in to sensitive military computers has been adjourned.

New Home Secretary Theresa May gave Gary McKinnon a glimmer of hope earlier yesterday when she agreed his case should be delayed.

Mr McKinnon’s lawyers have fought a long-running series of court battles, and this was expected to be his last-ditch bid to avoid extradition. Mr McKinnon’s legal team had been due at the High Court next Tuesday for a judicial review, where a judge was expected to decide if their latest challenge should go to a full hearing.

A Home Office spokesman said yesterday: “The Home Secretary considered the proposal from Gary McKinnon’s legal team and agreed an adjournment should be sought. An application was sent to the court today. The High Court has confirmed it has granted an adjournment.”

His lawyer Karen Todner earlier said the Home Secretary was examining medical evidence supporting their case against extradition.

Mr McKinnon was accused in 2002 in the wake of September 11 of using his computer to hack into 97 American military and Nasa computers, causing damage the US government claims will cost more than $700,000 (£425,000) to repair.

Read more: http://www.belfasttelegraph.co.uk/news/local-national/computer-hacker-gary-mckinnon-wins-more-time-to-fight-us-extradition-14814140.html?#ixzz0ovQv7yFw


NETWORK SECURITY 3-SERIES - November 1st -3rd 2011

These 3-series workshop is aimed to prepare IT Professionals for the upcoming trends and challenges in managing the enterprise- wide network security. The ever changing landscape and increased of sophistcaton and capacity of cyber world, sofware, infrastructure and even the way we share informaton, threats and atack aren’t made the excepton. Security Professionals must be alert and prepared for these inevitable and swif changes. These 3 workshops will cover various topics and hands on opportunites for partcipants to honed their skills and knowledge in preparaton for the upcoming Network Security Atacks as well as trend for 2011. You may atend 1 day or all the 3-days of the course depending on your topic of choice. 

Heidi Klum, Celebrities Most Dangerous in Internet


""Her face was beautiful, knowing Heidi Klum is a model actress and television host. But the beauty is hidden behind a very big danger. A leading antivirus manufacturers even mention Heidi Klum as the most dangerous celebrity on the internet.

McAfee Inc., Has just release a statement that the search for information or anything else on the internet with keywords Heidi Klum at risk of bringing users to sites that could potentially leave a virus or malware on a user's computer. Search results with keywords has the possibility of an over 10. Meaning of ten addresses, one of which must contain malware or virus sites.

If celebrities are the most dangerous woman Heidi Klum, according to Contact Music, celebrities are the most dangerous man is Piers Morgan. A spokesman for McAfee said that the results of this study indicate a decreased risk of a keyword search using celebrity names.

Last year, the most dangerous celebrity woman is Cameron Diaz Cameron's name, but this year dropped to second place. (MPA / cmc / roc)

Blogroll

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Sweet Tomatoes Printable Coupons