fraNNNta-Design
Bine a-ti venit pe fraNNNta-Design

avatar
Rank: Membru
Respect : 100%
Mesaje : 96
Inscris : 17/02/2014
Vezi profilul utilizatoruluihttp://www.frannnta-design.com/

biggri Crerere Menu PunBB

la data de Vin Dec 25, 2015 7:28 pm
Titlu:Crerere Menu PunBB
Printscreen:
Spoiler:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Versiune forum: punbb 
Link forum:[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Descriere problema: as dori si meu asta din imagine daca se poate sau unul la fel da fra buguri.
Platforma Forumului unde ai vazut: ForumGratuit Obligatoriu
avatar
Rank: fondator
Respect : 100%
Mesaje : 4009
Inscris : 18/06/2011
Vezi profilul utilizatoruluihttp://www.frannnta-design.com

biggri Re: Crerere Menu PunBB

la data de Vin Dec 25, 2015 8:09 pm
Css meniu

Cod:
.meniu_imagine li{
  list-type: none;
  list-style: none;
  display: inline-block;
  text-align: center;
  margin-left: 10px;

}

.meniu_imagine li a{
  font-size: 11px;
  font-weight: 500;
  font-family: tahoma;
  text-transform: uppercase;
  text-decoration: none!important;

}


.meniu_imagine li span{
  background: none!important;
  border: none!important;
  padding: 5px;
}


.meniu_imagine li{
        background-image: url(http://i36.servimg.com/u/f36/11/96/49/61/backgr10.png);
background-repeat: repeat-x;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 2px;
  opacity: 0.4;
  transition: 0.5;
  min-width: 90px;
  width: 90px!important;
}

.meniu_imagine li:hover{
  opacity: 1;
}

span.ala img{
 
  width: 20px!important;
  height: 20px!important;
}

Meniu html
Cod:
 <div class="meniu_imagine">
                                                  <li>
                                                    <span class="ala">  <img src="https://cdn3.iconfinder.com/data/icons/flatforlinux/32/27-Edit%20Text.png"></img> </span><br />
                                                    <a href="#">
                                                 
                                                      Regulament
                                                    </a>
                                                  </li>
                                             
                                                          <li>
                                                                <span class="ala">
                                                                <img src="https://cdn2.iconfinder.com/data/icons/oxygen/32x32/categories/system-help.png"></img>
                                                            </span><br />
                                                            <a href="#">Propuneri</a>
                                                  </li>
                                                      <li>
                                                        <span class="ala"><img src="https://cdn4.iconfinder.com/data/icons/SUNNYDAY/business/png/32/alliance.png"></img></span><br />
                                                    <a href="#">Parteneriat</a>
                                                  </li>
                                                 
                                                      <li> <span class="ala">
                                                        <img src="https://cdn2.iconfinder.com/data/icons/awards-4/512/awards_award_star_gold_medal_good_award_awards_conqueror_triumph_win_winner_verified_best_pride_reward_success_achievement_ceremony_champion_competitive_trophy_tribute_emblem_favorite_medal_winning_popularity_favourites_glory_high-32.png"></img></span><br />
                                                    <a href="#">Cerere Grad</a>
                                                  </li>
                                                  <li> <span class="ala"><img src="https://cdn0.iconfinder.com/data/icons/free-business-desktop-icons/32/Telephone.png"></img></span><br />
                                                    <a href="#">Publicitate</a>
                                                  </li>
</div>
Sus