Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Koordinatės ant foto

Parašė _Tomas· 2009 Bal. 19 14:04:29
#1
Nežinau ar į šitą skiltį pataikiau, bet man reikia sužinoti kaip padaromos ant didelės vienos nesukarpytos nuotraukos linkas t.y. adresas ant tam tikros vietos.

Čia pavizdys toks:





Tipo čia yra pilna, nekarpyta nuotrauka ir man reikia padaryti, kad ant mažos nuotraukos kur yra baltas kvadratas būtų adresas, truputi aiškiau: Užvedus pelę ant balto kvadrato ir paspaudus ant jo nueitu į man norimą puslapį.

Ieškojau google, ir dar jieškau, bet visur neišsamiai parašytą ir ne to ko man reikia. Man atrodos galima padaryti su Dreamweaver ar kaip ten ta programa tas koordinates, bet nerandu pamokos.


P.S. Dar toks pats dalykas yra Ant Toonio temos ant sub-headerio viena nekarpyta foto ir daug linku ant jos.
Redagavo _Tomas· 2009 Bal. 19 14:04:27

Parašė Creatium· 2009 Bal. 19 15:04:04
#2
Tai yra keletas budu:
1. pasidaryk viena didele nuotrauka ir maza atskirai. Didele dek, kaip div backgrounda, o kita su margin uzmesk.
2. atsisiusk dreamweaver programa ir pasidarysi su koordinatem.

Parašė _Tomas· 2009 Bal. 19 15:04:57
#3
Matau biški nedaskaites.

Sakau, kad nežinau kaip su dreamweaver surast, nes image failu nepalaiko nebent lygtais per Imageready kazka daryt, bet nezinau as kaip ir plius nerandu as jokio tutorial...

Parašė NoExit· 2009 Bal. 19 15:04:53
#4
Visas html kodas. Nuotrauka - div'as. Baltas langas - kitas div'as. Paspaudus ant balto lango, nukelia i kita puslapi - javascript. Primityvus kodas. Tau sito reikia?


<html>
 <head>
  <style>
   #nuotrauka {
      background: url('http://www.bleb.org/software/maemo/background-n800.jpg');
      width: 720px;
      height: 480px;
   }

   #langelis {
      position: absolute;
      top: 200px;
      left: 200px;
      width: 100px;
      height: 100px;
      background-color: white;
   }
  </style>
 </head>
 <body>
   <div id="nuotrauka">
   <div id="langelis" onClick="window.location.href='http://www.google.lt/'">CLICK ON ME</div>
   </div>
 </body>
</html>



Redagavo NoExit· 2009 Bal. 19 15:04:40

Parašė Niger· 2009 Bal. 19 15:04:51
#5
sociai informacijos googlei.

tarkim pvz: http://www.google.lt/search?hl=l...mp;spell=1

seip manau net nebandei ieskotis :)

Parašė _Tomas· 2009 Bal. 19 15:04:52
#6
Šitas irgi tinka, bet nežinau kaip surasti auksti, ploti ir kitus kur reikia...

Parašė NoExit· 2009 Bal. 19 15:04:57
#7

   #nuotrauka {
      background: url('http://www.bleb.org/software/maemo/background-n800.jpg');
      width: 720px;
      height: 480px;
   }

   #langelis {
      position: absolute;
      top: 200px;
      left: 200px;
      width: 100px;
      height: 100px;
      background-color: white;
   }



is cia nesusirasi aukscio? Plocio? Atstumu?

Parašė _Tomas· 2009 Bal. 19 15:04:57
#8
Kode matau šitą vietą, bet nuotraukoje. Pažiurėk į viršų ir pamatysi, kad man reikia ant to balto kvadrato padaryti linką. Ir nenoriu jokių background daryti, nes tokių linkų ant vienos foto noriu padaryti mazdaug 30.

Parašė NoExit· 2009 Bal. 19 15:04:26
#9
Supratau, kad nieko nesupratau. Turbut butu lengviau jeigu duotum koki pavyzduka arba suprantamiau pavaizduotum su savo paintu.

Parašė _Tomas· 2009 Bal. 19 15:04:07
#10




Paprasta nuotrauka ir kur yra žodžiai ten yra atskiras linkas:
Štai kodas:

echo "<table align='center' cellpadding='0' cellspacing='0' width='767'>\n<tr>
<td><img src='".THEME."images/sub.png' usemap='#sub' width='767' height='34' border='0'></td>
<map id='sub' name='sub'>
<area shape='rect' coords=104,1,189,32' href='".BASEDIR."index.php'>
<area shape='rect' coords='209,1,277,32' href='".BASEDIR."downloads.php'>
<area shape='rect' coords='312,1,380,32' href='".BASEDIR."forum/index.php'>
<area shape='rect' coords='403,1,466,32' href='".BASEDIR."photogallery.php'>
<area shape='rect' coords='495,1,574,32' href='".BASEDIR."articles.php'>
<area shape='rect' coords='597,1,671,32' href='".BASEDIR."contact.php'>
</map></td>
</tr>
</table>\n";

O man reikia suzinoti kaip tas coords gauti.

Parašė _Tomas· 2009 Bal. 19 16:04:31
#11




Paprasta nuotrauka ir kur yra žodžiai ten yra atskiras linkas:
Štai kodas:

echo "<table align='center' cellpadding='0' cellspacing='0' width='767'>\n<tr>
<td><img src='".THEME."images/sub.png' usemap='#sub' width='767' height='34' border='0'></td>
<map id='sub' name='sub'>
<area shape='rect' coords=104,1,189,32' href='".BASEDIR."index.php'>
<area shape='rect' coords='209,1,277,32' href='".BASEDIR."downloads.php'>
<area shape='rect' coords='312,1,380,32' href='".BASEDIR."forum/index.php'>
<area shape='rect' coords='403,1,466,32' href='".BASEDIR."photogallery.php'>
<area shape='rect' coords='495,1,574,32' href='".BASEDIR."articles.php'>
<area shape='rect' coords='597,1,671,32' href='".BASEDIR."contact.php'>
</map></td>
</tr>
</table>\n";

O man reikia suzinoti kaip tas coords gauti.

Parašė Creatium· 2009 Bal. 19 17:04:09
#12
Jeigu turi dreamweaveri, tai jeigu gerai prisimenu, reikia turetu paprasta html failiuka su tuo paveiksliuku, ant kurio nori det nuorodas. Ji atsidarai per DW. Toliau jau pazymi vietas, kurioms reikia nuorodu ir viska nustatai.

P.S. Buvo berods forume linkas i tokia internetine programa, kur tau parodo koordinates.

Parašė bad_user· 2009 Bal. 19 17:04:48
#13
Micromedia fireworks. Susidėsi kuo puikiausiai kodrinates.

Parašė _Tomas· 2009 Bal. 19 17:04:00
#14
Creatium, Per imageready pasidarau paveiksliuką html formatu, atsidarau per DW ir toliau nežinau ką daryti, nes aš su dar žalias...

SoNG dėkui, pabandysiu.

Parašė _Tomas· 2009 Bal. 19 17:04:48
#15
Creatium, Per imageready pasidarau paveiksliuką html formatu, atsidarau per DW ir toliau nežinau ką daryti, nes aš su dar žalias...

SoNG dėkui, pabandysiu. Bet gal norėjai omeny Adobe Fireworks?