☰

» »

Dreamweaver - slika desno, opis levo .... kako ??

Dreamweaver - slika desno, opis levo .... kako ??

JOKER ::

Na začetku en lep pozdrav.
Situacija je sledeča:
V programu Dreamweaver bi rad naredil sledečo zadevo.
PRIMER:
Odpre se stran, in na levi strani bi naredil nekakšen "meni" z slikami.
Pomeni, da bi slike bile črno/bele, ko pa bi z miško se postavil na sliko, bi pa
postala barvna ! Dobro, do tukaj mi je vse jasno.Ampak naredil bi še nekaj, kar
pa mi ni jasno.
Ko bi z miško se postavil na sliko bi se obarvala + hočem naredit, da se mi pa na
levi strani monitorja oz. strani pokaže določen opis.
Slika prikazuje to in to, na levi strani pa je kratek opis, kaj se skriva spodaj pod sliko oziroma kakšna tema je spodaj ko bomo kliknili.

Upam, da nisem preveč "zaštrikal" in da me razumete, kaj sem hotel povedati oz. vprašati.
Vnaprej se zahvaljujem za odgovore.
LP.
________________________________________________________
Ka te češ ....

Ziga Dolhar ::

Joker ;).

Javascript, lahko samostojno ali pa v navezi s CSSjem.

Poglej si meni Behaviors.
https://dolhar.si/

Tody ::

Ja DW zna to sam narest (seveda če pritisneš prave gumbe) preberi v kaki knjigi men se zdele ne da iskat vodiča.

Ziga Dolhar ::

Brez skrbi, Tody, Joker ima to knjigo, ampak jo bo očitno mogu še enkrat mal pregledat ;).
https://dolhar.si/

JOKER ::

Ja lep pozdrav.
No v glavnem fanta od vaju nisem bil deležen neke pomoči oziroma tehtnega odgovora na moje vprašanje, razen tega kar je oziroma si Ziggga napisal ti :
Poglej si meni Behaviors.


Mogoče se sploh nismo razumeli kaj sem mislil. Dejstvo je, da želim nardit da se bo ob premiku miške na določeno sliko spremenila slika, ter se pokazal vnaprej določen opis na istem zaslonu, ampak na recimo desni strani monitorja.
Vprašanje je ali lahko obesim dva ukaza na object z funkcijo "MouseOver".

Glede nato, da sta če se ne motim oba moderatorja (Tody-u se vidi saj piše) pri tebi Ziggga pa mislim da si v nekem drugem revirju moderator sem pričakoval, da bom dobil malo bolj natančen odgovor ne glede nato, ali imam ali nimam knjige o DW 2004. ;)
No, ker je bila knjiga omenjena - nimam je več. Sem jo dal naprej ... |O .

No, vseeno hvala za vajina odgovora.
Fanta roko na srce, da najlažje je človeku, ki rabi pomoč napisat : "pritisni F1 za navodila, poglej knjigo,W3S .... itd".

Obema lep pozdrav in brez zamere. :)
ROBERTO
________________________________________________________
Ka te češ ....

Tody ::

Rool overs all the way 


<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript" type="text/JavaScript">
<!--
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];}}
}

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_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;
}

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>
</head>

<body bgcolor="#DF9300" text="#FFFFFF" onload="MM_preloadImages('images/m_about.gif','images/about_on.gif','images/m_frames.gif','images/frames_on.gif','images/m_locations.gif','images/locations_on.gif','images/m_contact.gif','images/contact_on.gif')">
<table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="150" colspan="4" bgcolor="#DF9300">&nbsp;</td>
  </tr>

  <tr>
    <td bgcolor="#DF9300"><img src="images/blank1.gif" name="blank1" width="100" height="200" id="blank1" /></td>
    <td colspan="2" bgcolor="#DF9300"><img src="images/swap.gif" name="swap" width="200" height="200" id="swap" /></td>
    <td bgcolor="#DF9300"><img src="images/blank2.gif" name="blank2" width="100" height="200" id="blank2" /></td>
  </tr>
  <tr align="center" bgcolor="#FFFFFF">
    <td height="3"></td>
    <td height="3"></td>
    <td height="3"></td>

    <td height="3"></td>
  </tr>
  <tr align="center" bgcolor="#DF9300">
    <td><img src="images/about_off.gif" name="about" width="64" height="46" id="about" onmouseover="MM_swapImage('swap','','images/m_about.gif','about','','images/about_on.gif',1)" onmouseout="MM_swapImgRestore()" /></td>
    <td><img src="images/frames_off.gif" name="frames" width="56" height="46" id="frames" onmouseover="MM_swapImage('swap','','images/m_frames.gif','frames','','images/frames_on.gif',1)" onmouseout="MM_swapImgRestore()" /></td>
    <td><img src="images/locations_off.gif" name="locations" width="67" height="46" id="locations" onmouseover="MM_swapImage('swap','','images/m_locations.gif','locations','','images/locations_on.gif',1)" onmouseout="MM_swapImgRestore()" /></td>
    <td><img src="images/contact_off.gif" name="contact" width="68" height="46" id="contact" onmouseover="MM_swapImage('swap','','images/m_contact.gif','contact','','images/contact_on.gif',1)" onmouseout="MM_swapImgRestore()" /></td>
  </tr>
</table>

</body>
</html>


Cool ?:D

JOKER ::

@TODY:

Nisem pričakoval tega ! 8-O
Res, najlepša hvala !

Lep pozdrav.
________________________________________________________
Ka te češ ....

mx440 ::

mene pa zanaima zakaj ko grem v novo vrsto mi spusti eno vrstico prazno vmes. Kako nastavm da pišem eno pod drugo.

Tody ::

dream ma to tko naštiman če hočeš normalno v nasldenjo vrstico probaj shift+enter

tec ::

Tody: Ni cool....tisti MM sux, se da vse bolj simpl naredit
Ce sem seveda pravilno razumel, kaj hoce.

tuki je tale primer

Ziga Dolhar ::

> dream ma to tko naštiman če hočeš normalno v nasldenjo vrstico probaj shift+enter

Nič nima to Dreamweaver "tko naštiman".

Sledi kar precej standardnemu dogovoru, da "enter" uvaja nov odstavek, "shift-enter" pa prelom vrstice. Tudi v Wordu, čeprav je tam razmik med odstavki enak razmiku med vrsticami (privzeto).
https://dolhar.si/

njok ::

Rollover je najlazje narediti tako, da nekam postavimo A element (seveda bi lahko bil katerikoli drugi, ampak kaj, ko nekateri browserji tega ne razumejo). Prikazuje naj se kot block, tako da mu lahko dodelimo visino in sirino. Potem imamo sliko, ki je sestavljena iz "navadne" in "hover" razlicice, ena pod drugo. S psevdo elementom :hover samo povemo, naj se slika, ki jo imamo v ozadju premakne (dvigne/spusti).

Preprosto, dela na IE5+, Gecko, Operi 5+, in predvsem - brez javascripta! :)

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Word pomoč - razmik med besedami

Oddelek: Pomoč in nasveti		95758 (5559) prtenjam
»

pomoč začetniku

Oddelek: Izdelava spletišč		131163 (1046) ANGEL_B
»

Outlook 2007 - dvojni razmik

Oddelek: Pomoč in nasveti		7983 (871) wwwampy
»

dreamweaver pomoč

Oddelek: Izdelava spletišč		231980 (1645) Tody
»

Dreamweaver MX

Oddelek: Izdelava spletišč		351595 (1160) Tarzan

Več podobnih tem