ΑΡΧΙΚΗ ΚΑΤΑΣΚΕΥΗ Bloggs ΚΩΔΙΚΑΣ html JavaScript ΕΙΣΑΓΩΓΗ ManiacΑΝΑΛΥΣΗ Site ΕΙΔΗΣΕΩΝ GadgetManiac ΓΕΝΙΚΑ

Πέμπτη, 6 Ιουνίου 2013

CSS ΚΟΥΜΠΙΑ ΓΙΑ ΣΑΙΤ

 Τρεις κώδικες για κουμπιά, τα οποία τοποθετώ  στο μπλοκ μου με τον κλασικό τρόπο σαν gadget δίνω ποιο κάτω:

  1.
  <a class="thenumberone" data-page="2" data-sessionlink="ei=CNeu0JvY_rICFciRfAod9HFRjg%3D%3D" href="το link που θες να ανοίγει" style="-webkit-box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; background-color: #C9E1FF; background-image: -webkit-linear-gradient(top, rgb(250, 250, 250) 0px, rgb(220, 220, 220) 100%); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(170, 170, 170); border-style: solid; border-top-left-radius: 2px; border-top-right-radius: 2px; border-width: 1px; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #000000; cursor: pointer; display: inline-block; font-family: aria, sans-serif; font-size: 15px; font-weight: bold; height: 2.78em; line-height: 2.8em; margin: 0px; outline: 0px; padding: 0px 0.91em; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: middle; white-space: nowrap; word-wrap: normal;"><span class="thenumberone" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px;">ΟΝΟΜΑ</span></a>





2.
<a href="το link που θες να ανοίγει" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: 13px; outline: none; text-align: -webkit-center;" target="_blank"><button class="submit btn primary-btn" style="-webkit-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 5px 0px inset; background-color: #019ad2; background-image: -webkit-linear-gradient(top, rgb(51, 188, 239), rgb(1, 154, 210)); background-repeat: repeat no-repeat; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(5, 126, 208); box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px inset; color: white; cursor: pointer; font-weight: bold; line-height: 20px; margin: 0px; overflow: visible; padding: 5px 10px; position: relative; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 1px;" tabindex="4" type="submit">ΟΝΟΜΑ</button></a>


 3.

 <div class="row-fluid text-center"
style="padding-bottom:2px; padding-top:2px;background-color:#0007fb">
<div class="btn-group" data-toggle="buttons-radio">
<button href="
link" id="wmp" type="button" class="btn">ΟΝΟΜΑ</button>
<button href="
link 2" id="flash" type="button" class="btn active">ΟΝΟΜΑ 2</button>
</div>  
</div>


Μπλε  ειναι οι ονομασιες
Κοκκινο  ειναι  οι διευθυνσεις
Ροζ  ειναι  τα χρωματα του φοντου

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.