Fejléc + kép

Internetes elérhetősége van az oldaladnak, vagy csak a belső hálón keresztül nézhetjük meg? :)

arra kell rajonnod, hogy hogyan mukodik a smink, hogyan kerul a logo oda ahova kerult..

kiindulasi pontok
page.tpl.php
style.css
firebug

ha a logot erted, nem lesz gond a plusz keppel sem..

ebbol sok mindent nem lehet kiolvasni, bar azt jol latni, hogy nagy a kaosz
$logo valtozoban van a kep utvonala eredetileg, most meg atraktad az weboldal cimebe?

nezd meg mit is csinalsz, ird ki a valtozok erteket egy sima print-el

print $logo
print $url

A template fileokban a $directory változó a sminked könyvtárára mutat.
Így ha a képeid a sminked könyvtárán belül mondjuk az images nevű könyvtárban vannak, akkor a $directory/images/kép.jpg formában tudsz hivatkozni rájuk, vagy bármi más fájlra, amit a sminked használ.

Inkább:

print '< img src="'. $directory.'/image/logo2.png" alt="'. $site_title .'" id="logo" />';

jó lenne valahol megnézni. Nekem a http://192.168.1.122 cím nem jön be.

szerintem (de el tudom azt is képzelni, hogy rosszul tudom) ami úgy kezdődik, hogy 192.168 .. az "helyi" ip, ott él a ti belső hálótokon, de mi innét nem fogjuk tudni elérni. (például perpill az én gépem ip -je 192.168.1.0 amit a szomszéd gépről meg is tudok pingelni .. de lehetne akár 192.168.1.122 is .. egyik se játszik semmi szerepet "kívülről" nézve)

én legalábbis a fenti címen ezt látom.

Valaki kívülről is elérte?

én ezt használom: fireshot firefox kiterjesztés.
win rendszeren, ha printscreen -t nyomsz, akkor a vágólapra 'mentődik' az aktuális képernyő, ezt aztán egy képszerkesztőbe 'ctrl+v' -vel be tudod illeszteni.
linuxon meg van képernyőmentő progi.

soroljak fel pár képmegosztó szájt vagy mi?
flickr, picasa, indafoto :D

Sajnos ehhez kevés a kép, jó lenne élőben látni. Vagy legalább a kimenetet (HTML+CSS) mentsd le, és tedd közzé valahol.

praktikusan mindkettőt jó lenne látni.
azért kérjük mindig a megnézhető oldalt, mert akkor nem kell felesleges köröket szaladgálni kérdésekkel meg visszakérdezésekkel meg félreértésekkel, csak katt, firebug, inspect és már látunk is nagyon sok mindent, legtöbbször ennyi elég is. (lehetne:)

amelyik logot balra szeretnéd, azt kéne előbb kiprintelni.
most az egyik logo h1 -ek közé van ékelve, annak semmi haszna, ne legyen úgy. helyette legyen úgy, mint most a logo2, hogy egy divbe van, de még jobb lenne, ha ezek a divek se lennének, hanem egyből az img -nek adnád az id -ket.
a logo-float divbe akkor két img lesz, külön id -kkel, mint mondjuk logo1 és logo2.
aztán css-ben a logo1 -et float:left
némi igazgatás a margókkal meg a méretekkel és kész.

bár önmagában az is megoldás, ha hagyod ahogy most van és csak cssben:
#logo2 -be nem kell a margin-left: 200px;
#wrapper #container #header h1 -be pedig kell egy float: left;

ez megoldja a "problémát", de elegánsabb lenne a fentebbivel.

a page.tpl.php fajlban a logo resz valahogy igy nezzen ki (a lenyeg: logo legyen korabban mint a logo2)

   if ($logo) {
     print '<a href="'. check_url($front_page) .'" title="'. $site_title .'">';
     print '<img src="'. check_url($logo) .'" alt="'. $site_title .'" id="logo" />';
   }
  print $site_html .'</a>';
  print '< img src="'. $directory .'/logo2.png" alt="'. $site_title .'" id="logo2" />';

style.css ben ezt modosits kb 20pixelre

#logo2 {
  margin-left:200px;
}

megjegyzes:
a logo2.png kepen hianyzik egy szokoz..

képszerkesztő programmal manipuláljad megfelelő méretűre a képet.
utána pedig lehetséges, hogy az új méret miatt meg kell változtatni a css -ben is néhány méretet, mondjuk lehet, hogy a #header magassága nagyobb kell legyen vagy kisebb.

erre gondoltál?

tanuld meg mit jelent a float..

most nem tudom elerni az oldalt, de amikor megneztem tegnap, semilyen logo2-t nem lattam az oldalon, ugyhogy szerintem ird vissza ahogy volt eredetileg..

tolts le egy firebugot es nezd meg mit csinaltal :)

van eloszor egy logo2 ami float jobbra
aztan egy logo ami float balra
aztan megegy logo2 float jobbra

szoval a tanacsunk az volt, hogy ket kepet tegyel egymas utan mindketto float balra.. habar jol latod, hogy ha az egyik float jobbra a masik float balra akkor is egyvonalba kerulhet ket kep a sorrendtol fuggetlenul..

szoval ha most a masodik logo2-t torlod ki akkor megoldottad a jelenlegi problemat..
de ezek tenyleg nagyon egyertelmu dolgok, kicsit utananezhetnel, probalkozhatnal mielott mindent megkerdezel..

megint nem erem el az oldalt, ugyhogy nem tudom megmondani miert is csuszik le az elso logo-d..

szoval probalkozz, probalj meg egyszeruen ket kepet, kulon id vel, egymas utan, mindkettot balra usztatni, mindenfele div es h1-ek nelkul..

es hasznalj firebugot, nem lesz tobb kerdesed, de tenyleg..

csinálj végig már legalább egy minimális css kezdő tutorialt!
persze, hogy ha paddingot állítasz csak lefele megy, hiszen negatív értéke nem is lehet a paddingnak. (illetve lehet, de mint látod akkor nem történik semmi. ez már csak ilyen.)

komolyan egy párórás céltudatos keresgélés és olvasgatás után ezeknek ki kellene tisztulnia.

vagy vegyél egy jó css könyvet és olvasd el. csodákra képes, akár 100% -al jobb lehet tőle a drupal sminked. ;)

a ket logo szelessege egyutt nagyobb mint amibe bele kellene fernie (container 770), ezert kerul ket sorba a ket logo..

itt van leegyszerusitve a problema:

<div id="container">
<div id="header">
<div id="logo-floater">
 
  <h1>
    <a title="" href="http://drupal.hu">
      <img id="logo" alt="" src="./minnelli_logo.gif"/>
    </a>
  </h1>
 
  <img id="logo2" alt="" src="./logo2.png"/>
 
</div>
</div>
</div>
 
<style type="text/css">
  body {
    background: #1D5FAA;
  }
  #container {
    width:770px;
  }
  h1 img {
    float:left;
  }
  #logo2 {
    float:left;
    height:80px;
  }
</style>

ha a logo2-rol leveszed (vagy kisebbre veszed) a height erteket akkor szepen egy sorba fog kerulni..