Как да си направя такъв <select> бутон

[chepa]

Как да си Направя такъв бутон с знаме текс + мой си фон и заоблено ?

Ето го кода

<select>
<option value="България">България</option>
</select>

 

[rotator]

http://v2.easy-designs.net/articles/replaceSelect/

 

[chepa]

http://v2.easy-designs.net/articles/replaceSelect/

Нещо не схващам къде да сложа Java Scripta..

So first we need to collect all of the attributes and <option>s out of the <select> and rebuild it as a <ul>. We accomplish this by running the following JS:
Тук казва че трябва да сабере всички атрибути и да ги изкара извън <select след което да ги направи на <ul>, но къде да сложа тези JS кодове?

ЕДИТ: Само CSS кода разбрах от цялата работа.. ;с

function selectReplacement(obj) {
  var ul = document.createElement('ul');
  ul.className = 'selectReplacement';
  // collect our object’s options
  var opts = obj.options;
  // iterate through them, creating <li>s
  for (var i=0; i<opts.length; i++) {
    var li = document.createElement('li');
    var txt = document.createTextNode(opts[i].text);
    li.appendChild(txt);
    ul.appendChild(li);
  }
  // add the ul to the form
  obj.parentNode.appendChild(ul);
}


…
  var opts = obj.options;
  // check for the selected option (default to the first option)
  for (var i=0; i<opts.length; i++) {
    var selectedOpt;
    if (opts[i].selected) {
      selectedOpt = i;
      break; // we found the selected option, leave the loop
    } else {
      selectedOpt = 0;
    }
  }
  for (var i=0; i<opts.length; i++) {
    var li = document.createElement('li');
    var txt = document.createTextNode(opts[i].text);
    li.appendChild(txt);
    if (i == selectedOpt) {
      li.className = 'selected';
    }
    ul.appendChild(li);
…


function setForm() {
  var s = document.getElementsByTagName('select');
  for (var i=0; i<s.length; i++) {
    selectReplacement(s[i]);
  }
}
window.onload = function() {
  setForm();
}

 

[fenixpz]

Здравей!
Би могъл да направиш един списък с линкове и като се вижда само един и при клик от потребителя да се показват и другите. Използвай прост javascript и можеш да постигнеш добри резултати. Айде ако нещо не го схващаш или не става пиши пак, пък ще видим да помогнем.