Uzdod jautājumus un saņem atbildes! Šobrīd 67108 jautājumi, 283703 atbildes!

Kāds ir tavs jautājums?

140

       

Aivars Lejnieks

+128

 
  • 4

    Atbildes

  • 0 balsis
  • 1781 skatījumi

HTML

Datori un internets » Programmēšana un dizains

Gribu uzzināt ar kādu kodu palīdzību html varu dabūt tās pogas (kā draugiem.lv augšpusē)!
http://i7.ifrype.com/gallery/739b36e1d16440ff51b370335d1c4e40/729/167/l_78729167.jpg
[b]Gaidu atbildes![/b]

Pirms 15 gadiem

 

Atbildes (4)

 
Labākā atbilde
  • 0

    balsis

Kashins DaWeeD

+8293

 
Visvienkāršākais - uzzīmē tās pogas fotošopā un saliec tabulā kā img ar linkiem... ;) Ja Tu kodu saproti, tad tai nevajadzētu būt problēmai... ;)

pirms 15 gadiem  

Kashins DaWeeD, pirms 15 gadiem :

Lūk paraugs no manas lapas, kā tas rolloveris izskatās:

<head>
<script type="text/javascript">

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

Kashins DaWeeD, pirms 15 gadiem :

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

Kashins DaWeeD, pirms 15 gadiem :

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

</script>

Kashins DaWeeD, pirms 15 gadiem :

</head>
<body onload="MM_preloadImages('btns/1_2.png')">
°<a href="sakums.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sakums','','btns/1_2.png',1)"><img src="btns/1_1.png" alt="sākums" name="sakums" width="110" height="30" border="0" id="sakums" /></a>
</body>

Kashins DaWeeD, pirms 15 gadiem :

Tātad: Paraugā redzama 1 poga. Scripts nodrošina efektu, kad poga maina krāsu/formu vai da vienalga ko, brīdī, kad uzbīdi peli. Kā teicu - ja kodu pārzini, nevajadzētu būt problēmai to izprast... ;)

JanKa, pirms 15 gadiem :

Vai tiešām vienkāršam hoverītim vajag JS?

JanKa, pirms 15 gadiem :

Vai tiešām vienkāršam hoverītim vajag JS?

Kashins DaWeeD, pirms 15 gadiem :

Man tā ir ērtāk - visām pogām viens scriptiņš (man tās pogas ir baigi daudz... ;) )

Aivars Lejnieks, pirms 15 gadiem :

Liels paldies! :))

Kashins DaWeeD, pirms 15 gadiem :

Ņem par labu... ;)

500

Labākā atbilde
  • 1

    balsis

Māris Raugulis

+166750

 
Pogām ar HTML nav nekāda tieša sakara.
Tādas var izveidot arī izmantojot
CSS
http://lv.wikipedia.org/wiki/Cascading_Style_Sheets
SVG
http://en.wikipedia.org/wiki/Scalable_Vector_Graphics
un citos veidos

draudiem.lv , šķiet, izmanto Ajax
http://en.wikipedia.org/wiki/Ajax_(programming)

pirms 15 gadiem  

Māris Raugulis, pirms 15 gadiem :

Vienkārši izvēlies
FF: View - Page Source
IE: View - Source
...
un apskaties

500

Labākā atbilde
  • 0

    balsis

Vistīrākais css + html <ul><li> tagi..

pirms 15 gadiem  

Artūrs Grustiņš, pirms 15 gadiem :

vienvārd sakot tur nekā sarežģīta nava:
HTML:
<div id="menuvaivelnezinkas">
<ul>
<li>piemērs</li>
<ul>
</div>
CSS:
.piemers a {
te nodefinejam krasas izmerus un veidu ka velies lai linkus parada
}
.piemers a:hover {
te nodefinejam kā mainīsies krāsas kad uzliksi peli virsū uz linka
}
.piemers ul {

}

Artūrs Grustiņš, pirms 15 gadiem :

un tā tālāk... nekādu javascript tur nevajag, tas tikai un vienīgi palēninās lapas ielādi.

500

Labākā atbilde
  • 0

    balsis

JanKa

+80131

 
HTML ir "laba" lieta, ka var apskatīties kā tas veidots. Izpēti html sourci + css failu un vajadzētu rasties skaidrībai par to kā tiek veidots css hover efekts.

pirms 15 gadiem  

JanKa, pirms 15 gadiem :

Web veidošanai ļoti labs, varētu teikt ka pat neaizstājams, ir Firefox + firebug addons, vienkārši uzbraucot uz elementa vari apskatīties gan html, gan css stilus, tādējādi ļoti ātri saprotot kā kas ir veidots, labot savas lapas vai vienkārši eksperimentēt.

Aivars Lejnieks, pirms 15 gadiem :

mēģināju ar sourci bet nokopēju un iznāca galīgs sviests

500

Tava atbilde

1000

       

Nav nepieciešams reģistrēties!

Ienāc iekšā izmantojot:

       

Meklēt jautājumus

       

Palīdzi saviem klientiem saņemt vislabākās atbildes

Kļūstot par ekspertu pajauta.lv, Tu uzlabo savu klientu servisu un iegūsti papildus publicitāti. Tavas atbildes būs atrodamas 100 tūkstošiem pajauta.lv lietotāju, lieliski atradīs Google, kā arī varēsi izveidot savās web lapās vai draugiem.lv lapā īpašo pajauta.lv bloku.