Fejléc + kép

----- képe

Helló!
A gondom az lenne, hogy az általam szerkesztet honlapnak a címe túl hosszú, így nem fér ki. Azt szeretném hogy a logó mellet még egy képet megtudjak jeleníteni. Az a gond hogy style.css -ben nem tudom mit kéne hozzáadni hogy ez működhessem, és hogy ez a kép ne legyen link. Drupal 6.2 használok.

A válaszokat előre is köszönöm!

Fórum: 
nevergone képe

Linket tudnál adni az oldaladra? Nem értem pontosan a problémádat.

0
0
----- képe

http://192.168.1.122/iskola egyenlőre csak idéglenes cím van:)

0
0
satya képe

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

0
0
----- képe

Egyenlőre nincs más, még nagyon alap a weblap, egyenlőre ezt própálom megoldani

0
0
Pasqualle képe

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..

0
0
----- képe

Köszi, akkor elkezdem tanulmányozni, remélem jutok valamire ;)

0
0
----- képe

Addig eljutottam hogy legyen egy új kép, de nem tudom ráirányítani egy másik képre. A probléma:

A page.tpl.php -ban turkáltam és ezt adtam hozzá:

if ($logo || $site_title) {
print ' < h0 >< a href="'. check_url($logo) .'" title="'. $site_title .'">';
if ($logo) {
print '< img src="'. check_url($url).'" alt="'. $site_title .'" id="logo" />';
}
print $site_html .'< /a>';
}
?>

és amikor elkezdem az < img scr=" -hez hozzáadni az útvonalat a kép eltűnik.

A válaszokat előre is köszönöm

0
0
Pasqualle képe

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
0
0
----- képe

Bocs elírtam:

print '< img src="'. check_url($url).'" alt="'. $site_title .'" id="logo" />';
}

helyett :

print '< img src="'. check_url($logo).'" alt="'. $site_title .'" id="logo" />';
}

az eredeti csak bénáztam

0
0
----- képe

Van olyan fájl ami megadja a képek útvonalát? ha van kérlek adjátok meg. Köszönöm

0
0
gpista képe

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.

0
0
----- képe

Ha úgy írom be ahogyan te

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

akkor ezt a hibaüzenetet írja:

warning: Division by zero in /var/www/iskola/themes/garland/page.tpl.php on line 51.

A segítséget előre is köszönöm

0
0
Nagy Gusztáv képe

Inkább:

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

0
0

Nagy Gusztáv

norbiii képe

A helyedben ezt én így csinálnám (lehet, hogy nem a legjobb megoldás, de nekem bevált):

1. a page.tpl.php fájlban megkeresed a:

          <div id="logotitle">

utánna új sorba beírod az alábbi kódrészletet (az elérési út módosításával):

	<div id='logo2'>
					<img src="/portal/files/logo2.gif" />
				</div>	

2. a style.css fájlba beilleszted a megfelelő helyre ezt a kódrészletet (melyben beállíthatod, h hol jelenjen meg a kép):

    #logo2{
        float:right;
        height:80px;
        overflow:visible;
        padding-right:50px;
        padding-top:15px;
        position:reletive
        z-index:1;
      } 

Biztosan van jobb megoldás is a megjelenítésére, de nálam bevált és talán elég egyszerű is megoldani.

0
0
----- képe

Nagyon nagyon köszi, ez már nagyon kellet, már csak egy gond van: az eredeti logó lecsúszott, tudnátok valami megoldást?

A válaszokat előre is köszönöm.

0
0
Nagy Gusztáv képe

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

0
0

Nagy Gusztáv

aboros képe

ami 192.168 -al kezdődik, az már régen rossz. :)

0
0

-
clear: both;

----- képe

Így írd be: http://192.168.1.122/iskola/index.php

Nekem és más gépekről így jön be. Sajnos még nincs domain -om ezért csak ip címet tudok mondani.

0
0
aboros képe

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.

0
0

-
clear: both;

crt képe

/off
Jól tudod, viszont az .1.0 nem egy szerencsés választás, mert az az alhálózat címe. 1-254-ig osztható, 255 már broadcast cím.
/on

Üdv: Zoli

0
0
Nagy Gusztáv képe

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

0
0

Nagy Gusztáv

----- képe

Igazatok van én bénáztam, bocsi. Azt megtudnátok mondani hogy akkor képet hogyan tudok mutatni róla?

0
0
aboros képe

é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.

0
0

-
clear: both;

----- képe

Már készen van a kép, az a kérdés hogyan tudom megmutatni neked és másoknak

0
0
aboros képe

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

0
0

-
clear: both;

----- képe

Nagy Gusztáv képe

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.

0
0

Nagy Gusztáv

----- képe

Most az oldal forrására gondolsz vagy a styles.css -re?

0
0
aboros képe

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:)

0
0

-
clear: both;

----- képe

Meg lett csinálva megnézhetitek: http://88.209.231.223/iskola

0
0
aboros képe

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.

0
0

-
clear: both;

Pasqualle képe

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..

0
0
----- képe

Nagyon nagyon köszönöm, minden jó lett, érdemes a fórumon segítséget kérni ;)
Még egyszer nagyon köszönöm a segítséget és a rám szánt időtöket :)

0
0
----- képe

Azt hogyan tudom megcsinálni hogy a logo méretét változtassam ?

0
0
aboros képe

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?

0
0

-
clear: both;

----- képe

Úgy gondoltam hogy a styles.css -be beírom valahova hogy size: *% és így tudom a kép méretét változtatni. Ilyet lehet csinálni és ha lehet hogyan?

0
0
----- képe

Minden simán ment, és gondoltam megnézem a képeket amiket megjelenít a honlapom. (van egy olyan funkciója)

ezt láttam:

http://88.209.209.138/iskola/misc/favicon.ico
http://88.209.209.138/iskola/sites/default/files/color/minnelli-5c2cff6f...
http://88.209.209.138/iskola/sites/default/files/color/minnelli-5c2cff6f...
http://88.209.209.138/iskola/sites/default/files/minnelli_logo.gif
- http://88.209.209.138/iskola/themes/garland/logo2.png
- http://88.209.209.138/iskola/sites/default/files/logo2.png
http://88.209.209.138/iskola/sites/default/files/color/minnelli-5c2cff6f...
http://88.209.209.138/iskola/sites/default/files/color/minnelli-5c2cff6f...
http://88.209.209.138/iskola/sites/default/files/color/minnelli-5c2cff6f...
http://88.209.209.138/iskola/sites/default/files/color/minnelli-5c2cff6f...

Mondom nem oké hogy kettő van belőle és méneztem a page.tpl.php. Na ott volt egy kis zűr:

1. < div id='logo2'>
< img src="/iskola/sites/default/files/logo2.png" />
< /div>

..........

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

Gondoltam akkor kitörlöm az elsőt és akkor eltűnt az ami rendem volt. Helyette kaptam kicsit lentebb ugyanazt. (Nehéz észrevenni, mert a szöveg színe fehér.)

Az lenne a kérdésem hogyan tudom oda tolni a képet ahova akarom? (ha a padding-top -ot állítom csak lefele megy, fölfele már nem.)

A másik pedig az hogy mióta a logó ki lett szedve a h1 -es csoportból nem tudom mozgatni.

0
0
----- képe

Kérlek segítsetek.

A válaszokat előre is köszönöm

0
0
Pasqualle képe

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..

0
0
----- képe

Már el tudod érni, csak az ip cím naponta változik. Amúgy érdekes módon ahogyan a height -ot változtattam 0 -ára fentebb nem a logo1. de a miniuszokra újra vissza ugrik a helyére

0
0
Pasqualle képe

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..

0
0
----- képe

Nem értelek, mivelhogy 2 logo2 -van vagyis ha kitörlom az egyiket a logo2 lessz lent, ha am ásikat vagyis a :

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

(Ezt most átváltoztattam logo3 -ra hogy könnyebb legyen)

Akkor a logo csúszik le.

0
0
Pasqualle képe

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..

0
0
aboros képe

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. ;)

0
0

-
clear: both;

----- képe

Mai cím: 88.209.209.138

0
0
Pasqualle képe

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..

0
0
----- képe

Sikerült nagy nagyon köszönöm sikerült végre sikerült, hála nektek. :DDDDD

A styles.css -ban kicsit nagy számok lettek megadva de működik :DDD

Legjobban Pasqualle -nak köszönhetem de a többieknek is nagyon köszönöm.

0
0