Sunlight- Vlastní HCM moduly

k4m1l · 2013-09-17 12:38:36

Buďto se naučte HTML a CSS nebo si zaplaťte někoho kdo vám to udělá - nebo vás to naučí. Když vám napíšu co tam máte vložit, tak to stejně nezvládnete, protože nevíte kam to patří ani jak s tím pracovat.

Ale zkusím to:
do stylu obrázku v avatar-div vložte
width: 80px;
height: 120px;

hodnoty si upravte podle velikosti která vám bude vyhovovat. Pokud tohle nedokážete, tak začněte se čtením jakpsatweb.cz a čtěte dokud tomu nebudete rozumnět.

sanyo151 · 2013-09-17 12:50:29

tak ten text uz mam abych ho měl na 1 radku uz mi zbyva jen ten avatar

kksmirice · 2013-09-17 12:51:20

@k4m1l:
ona struktura kódu není moc optimální

<div id='ul-menu'>
<div id='avatar-div'><a href= ...><img ... /></a></div>
<div id='ul-menu'><ul>
<li><a href='./index.php?m=messages' class='usermenu-item-messages'>vzkazy</a></li>
<li><a href='./index.php?m=settings' class='usermenu-item-settings'>nastavení</a></li>
<li><a href='./remote/logout.php?_return=%2F&amp;_security_token=0911b2d3463891c1248be8d07d846aff' class='usermenu-item-logout'>odhlásit</a></li>
<li><a href='./index.php?m=ulist' class='usermenu-item-ulist'>uživatelé</a></li>
</ul>
</div>

kksmirice · 2013-09-17 12:53:43

sanyo151 napsal:

tak ten text uz mam abych ho měl na 1 radku uz mi zbyva jen ten avatar

Trochu Vám to leze mimo ... O struktuře jsme se už několikrát bavili v jiných Vašich příspěvcích, jak správně definovat layout...

k4m1l · 2013-09-17 12:57:30

.avatar-div a img {
width: 80px;
height: 120px;
}

k4m1l · 2013-09-17 12:59:47

nebo nadefinovat classu tomu obrázku a strčit to do ní. Nevim, nekoukal jsem do toho kódu.

sanyo151 · 2013-09-17 13:07:48

ja vim ze to leze mimo to si pak opravim jak to dodelam:) jinak

.avatar-div a img {
width: 80px;
height: 120px;
}

do layot css ne? pod do co uz mam nastylovany ne?

kksmirice · 2013-09-17 13:10:02

V podstatě je jedno, kam to vložíte, layout.css nebo system.css. Jde jen o to, co je kde pro Vaši přehlednost.

sanyo151 · 2013-09-17 14:10:17

mam to diky moc dost ste mi pomohly jeste bych potreboval jak mam uzivatele,nastaveni odhlasit.... ještě bych tam potřeboval doplnit Administraci a nevim kde to udelam ale jeste jsem zjistil ze kdyz jsem nahral avatar tak to okno se prispusobilo avataru jakto?

Upravil sanyo151 (2013-09-17 14:11:54)

k4m1l · 2013-09-17 14:16:13

Protože máš nadefinovanou velikost pouze toho obrázku a div okolo se mu přizpůsobuje. Si nadefinu stejným způsobem i velikost pro .div-avatar

sanyo151 · 2013-09-17 14:26:13

zkousel sem

#avatar-div {
width: 10px;
height: 10px;
}

a nebo
.avatar-div {
width: 10px;
height: 10px;
}

a nic

Upravil sanyo151 (2013-09-17 14:26:45)

kksmirice · 2013-09-17 14:39:56

Obrázek avataru má nyní velikost 31x40 px dle nastavení v layout.css

#avatar-div a img {
width: 31px;
height: 40px;
}

třída .avatar-div se neuplatní, protože není nikde použita.

Pro znovunačtení musíte vícekrát načíst stránku, aby se změna projevila. Jinak bere cacheovaný obsah z prohlížeče.

sanyo151 · 2013-09-17 15:03:08

smazal jsem cookies a obnovoval jak splasenej a furt nic ukazuje se mi to stejne velky furt ten avatar

Trade · 2013-09-17 15:06:06

Pročistěte i cache prohlížeče (několikrát stisknout CTRL+F5), nestačí jen cookies.

k4m1l · 2013-09-17 15:08:07

dodržujte hierarchii tříd. Takže si v CSS najděte avatar-div a tam přidejte ty hodnoty. Pokud přidáte novej avatar-div na začátek stylopisu, tak nebude fungovat, protože platí pravidla kaskádových stylů.

Upravil k4m1l (2013-09-17 15:08:50)

sanyo151 · 2013-09-17 15:20:24

furt nic

kksmirice · 2013-09-17 15:32:23

Mám obrázek avataru takových rozměrů, které jsem popisoval. Z původního 96x128px => 31x40px.

sanyo151 · 2013-09-17 15:49:36

muzu poprosit o sejmuti obrazovky o obrazek?

kksmirice · 2013-09-17 16:03:23

sanyo151 · 2013-09-17 16:05:15

ano tohle je OK ale kdyz nahraju nejaky avatar tak uz je to velky a ne tak maly

kksmirice · 2013-09-17 16:08:07

Protože máte chybu v kódu a tam se již neuplatňuje předchozí styl, který je vázán na tag <a>. Při nahrání avataru již není tak <a> u avataru.

sanyo151 · 2013-09-17 16:16:36

v tom php kodu co je v adresari mj a jmenuje se mj.php?

kksmirice · 2013-09-17 16:20:26

Ano, není to chyba jako taková. Spíše jen nedostatek.

if(!@file_exists($avatar_path)){
$img="<a href='/index.php?m=profile&id="._loginname."' title='Přejít na profil'><img src='"._indexroot."pictures/avatars/no-avatar.jpg' alt='Avatar' /></a>";
} else {
$img="<img src='".$avatar_path. "' alt='Avatar' />";}

Tedy pokud obrázek neexistuje, uplatní se odkaz na profil, pokud existuje, pouze se zobrazí. Nelogické, ale tak to máte napsané.

Dalším řešením je vynechat tag <a> ze stylu pro obrázek avataru.
Nikoliv tedy

#avatar-div a img

ale

#avatar-div img

sanyo151 · 2013-09-17 16:45:50

super parada je to tet bych potreboval jak je vzkazy atd... pridat i administrace a pak jeste aby ten avatar nebyl nad tim menu jak je vzkazy atd ale vedle

Upravil sanyo151 (2013-09-17 16:46:30)

kksmirice · 2013-09-17 19:57:36

Přejmenujte si identifikátor ul-menu (ten druhý použitý - proti zásadám psaní) na např. třídu ul-menu.
Následně si nastylujte tuto třídu jak potřebujete.

#26 2013-09-17 12:38:36

Re: Sunlight- Vlastní HCM moduly

#27 2013-09-17 12:50:29

Re: Sunlight- Vlastní HCM moduly

#28 2013-09-17 12:51:20

Re: Sunlight- Vlastní HCM moduly

#29 2013-09-17 12:53:43

Re: Sunlight- Vlastní HCM moduly

#30 2013-09-17 12:57:30

Re: Sunlight- Vlastní HCM moduly

#31 2013-09-17 12:59:47

Re: Sunlight- Vlastní HCM moduly

#32 2013-09-17 13:07:48

Re: Sunlight- Vlastní HCM moduly

#33 2013-09-17 13:10:02

Re: Sunlight- Vlastní HCM moduly

#34 2013-09-17 14:10:17

Re: Sunlight- Vlastní HCM moduly

#35 2013-09-17 14:16:13

Re: Sunlight- Vlastní HCM moduly

#36 2013-09-17 14:26:13

Re: Sunlight- Vlastní HCM moduly

#37 2013-09-17 14:39:56

Re: Sunlight- Vlastní HCM moduly

#38 2013-09-17 15:03:08

Re: Sunlight- Vlastní HCM moduly

#39 2013-09-17 15:06:06

Re: Sunlight- Vlastní HCM moduly

#40 2013-09-17 15:08:07

Re: Sunlight- Vlastní HCM moduly

#41 2013-09-17 15:20:24

Re: Sunlight- Vlastní HCM moduly

#42 2013-09-17 15:32:23

Re: Sunlight- Vlastní HCM moduly

#43 2013-09-17 15:49:36

Re: Sunlight- Vlastní HCM moduly

#44 2013-09-17 16:03:23

Re: Sunlight- Vlastní HCM moduly

#45 2013-09-17 16:05:15

Re: Sunlight- Vlastní HCM moduly

#46 2013-09-17 16:08:07

Re: Sunlight- Vlastní HCM moduly

#47 2013-09-17 16:16:36

Re: Sunlight- Vlastní HCM moduly

#48 2013-09-17 16:20:26

Re: Sunlight- Vlastní HCM moduly

#49 2013-09-17 16:45:50

Re: Sunlight- Vlastní HCM moduly

#50 2013-09-17 19:57:36

Re: Sunlight- Vlastní HCM moduly

Zápatí