Archívum - Júl 31, 2014 - Fórum téma
Kör alakú profilképek
Sziasztok!
Azt szeretném elérni, hogy a feltöltött fényképek kör alakban látszódjanak, mint itt pl:
http://www.bucketlistly.com/users/klelle
ezt 2 div z-index-ével el is értem, úgy hogy csináltam egy "lukas" gif-et (round.gif), amit föléteszek, de
- ha a position-t absolute-ra állítom, akkor az oldal méretezésével a kép is vándorol,
- ha a position relative, és a felső gifet odapozicionálom a képre, akkor minden a helyén és működik is, viszont a 2 div-et egymás alá tette, és hiába van mind2 egymáson, 2 kép magasságú helyet foglalnak. Mintha a lukas gif ott lenne alul.
Van-e ennél egyszerűbb megoldás, vagy ezt javítani valamivel?
Köszi
css
■ Azt szeretném elérni, hogy a feltöltött fényképek kör alakban látszódjanak, mint itt pl:
http://www.bucketlistly.com/users/klelle
ezt 2 div z-index-ével el is értem, úgy hogy csináltam egy "lukas" gif-et (round.gif), amit föléteszek, de
- ha a position-t absolute-ra állítom, akkor az oldal méretezésével a kép is vándorol,
- ha a position relative, és a felső gifet odapozicionálom a képre, akkor minden a helyén és működik is, viszont a 2 div-et egymás alá tette, és hiába van mind2 egymáson, 2 kép magasságú helyet foglalnak. Mintha a lukas gif ott lenne alul.
Van-e ennél egyszerűbb megoldás, vagy ezt javítani valamivel?
Köszi
css
#box_1{
position: relative;
top: 0px;
left: 0px;
z-index: 1;
}
#box_2{
position: relative;
top: -200px;
left: 0px;
z-index: 1;
}<td width='100' style='padding-left:14px;' height='200'>
<div id="box_1"> <a href='<(pic2)>' target='new'><img src='<(pic)>' border=0 width='200' height='200'></a></div>
<div id="box_2"> <img src='images/round.gif' border=0 width='200' height='200'> </div>
</td>Google Maps Javascript API v3 status:inactive
Sziasztok !
Látszólag minden rendben az API Access panelemen, de a status: inactive.
A Services panelen aktiválva van a Google Maps Javascript API v3 szolgáltatás.
Jelenleg nem tudom elérni ezt a szolgáltatást és az alábbi hibaüzenetet kapom:
"Google has disabled use of the Maps API for this application. The provided key is not a valid Google API Key, or it is not authorized for the Google Maps Javascript API v3 on this site. If you are the owner of this application, you can learn about obtaining a valid key here: https://developers.google.com/maps/documentation/javascript/tutorial#api_key"
Természetesen az API Access panelen levő API key be lett másolva a kódba.
Még sosem futottam bele ilyen problémába a Google Maps-szel kapcsolatban.
Előre is köszönöm a segítségeteket.
■ Látszólag minden rendben az API Access panelemen, de a status: inactive.
A Services panelen aktiválva van a Google Maps Javascript API v3 szolgáltatás.
Jelenleg nem tudom elérni ezt a szolgáltatást és az alábbi hibaüzenetet kapom:
"Google has disabled use of the Maps API for this application. The provided key is not a valid Google API Key, or it is not authorized for the Google Maps Javascript API v3 on this site. If you are the owner of this application, you can learn about obtaining a valid key here: https://developers.google.com/maps/documentation/javascript/tutorial#api_key"
Természetesen az API Access panelen levő API key be lett másolva a kódba.
Még sosem futottam bele ilyen problémába a Google Maps-szel kapcsolatban.
Előre is köszönöm a segítségeteket.
Weboldal véleményezés
Üdv Mindenkinek!
Hobbi szinten készítettem egy weboldalt, és fejlesztgetem, bár még messze nem tökéletes.
Maga a weboldal egy szerepjátékos fórum közösségének készült, amelynek én is tagja vagyok, és az ottani dolgokkal foglalkozik (felszerelések listája, karakterlapok készítése, nyersanyagok nyílvántartása, mesélőknek sorrend és dobások kiszámítása, ...).
Fő szempont volt a kompatibilitás (pl. IE6-on is használható, igaz kicsit szétcsúszik a teteje) és a viszonylag kis adatforgalom (nem mindenkinek van gyors netkapcsolata, és nem vagyok híve a többmegás csicsáknak amit elég sok helyen látni).
Letiltott JS-el is használható marad, igaz akkor pl. a sorok elrejtése/megjelenítése nem megy kattra, meg 1-2 színezés (input értéke negatív érték esetén nem lesz piros), de a funkcióját ellátja.
Az alapértelmezett stílus az abszolút leegyszerűstett, a SAO stílus pedig a fanok miatt készült, igaz ez JS nélkül nem megy, és ezért nem is alapértelmezett.
Az oldal: http://users.atw.hu/ozirisz/sao/
Szeretnék róla véleményt kérni, észrevételeket, építő kritikát, hogy mi jó/mi nem jó, mit lenne érdemes máshogy csinálni, mi elavult, stb.
Első komolyabb weboldal, amit összehoztam, és kíváncsi lennék a profik véleményére is, illetve arra, hogy mik a hibáim ilyen téren, mik azok a módszerek, amiktől meg kell szabadulnom
Előre is köszönöm a válaszokat!
EDIT: teszt felhasználó: user: "weblabor", pass: "weblabor" idézőjelek nélkül
■ Hobbi szinten készítettem egy weboldalt, és fejlesztgetem, bár még messze nem tökéletes.
Maga a weboldal egy szerepjátékos fórum közösségének készült, amelynek én is tagja vagyok, és az ottani dolgokkal foglalkozik (felszerelések listája, karakterlapok készítése, nyersanyagok nyílvántartása, mesélőknek sorrend és dobások kiszámítása, ...).
Fő szempont volt a kompatibilitás (pl. IE6-on is használható, igaz kicsit szétcsúszik a teteje) és a viszonylag kis adatforgalom (nem mindenkinek van gyors netkapcsolata, és nem vagyok híve a többmegás csicsáknak amit elég sok helyen látni).
Letiltott JS-el is használható marad, igaz akkor pl. a sorok elrejtése/megjelenítése nem megy kattra, meg 1-2 színezés (input értéke negatív érték esetén nem lesz piros), de a funkcióját ellátja.
Az alapértelmezett stílus az abszolút leegyszerűstett, a SAO stílus pedig a fanok miatt készült, igaz ez JS nélkül nem megy, és ezért nem is alapértelmezett.
Az oldal: http://users.atw.hu/ozirisz/sao/
Szeretnék róla véleményt kérni, észrevételeket, építő kritikát, hogy mi jó/mi nem jó, mit lenne érdemes máshogy csinálni, mi elavult, stb.
Első komolyabb weboldal, amit összehoztam, és kíváncsi lennék a profik véleményére is, illetve arra, hogy mik a hibáim ilyen téren, mik azok a módszerek, amiktől meg kell szabadulnom
Előre is köszönöm a válaszokat!
EDIT: teszt felhasználó: user: "weblabor", pass: "weblabor" idézőjelek nélkül
