10 snygga reklamannonser del2
Nu fortsätter vi listan med snygga reklamannonser, om ni har missat del 1 så finns den här. Låt inspirationen flöda med dessa 10 välarbetade reklamannonser, och varför inte känna utmaningen att göra något liknande?
Nya flashiga ikoner
Behöver du en ny ikon till din RSS länk? Då tycker jag att du ska ta en titt på FollowTheRabbit’s nya ikon-set, som dom har lagt upp för nerladdning. I setet finns 7 ikoner i olika färger, men Photoshop filen följer med så du kan ändra och fixa som du själv vill.
Volkswagen Camper med CSS3
Många som sysslar med XHTML och CSS har troligen märkt utveckligen av CSS3 som ska ersätta CSS2 (förhoppningsvis inom en snar framtid) som är standarden idag.
Några av dom nya egenskaperna som Jag ser fram emot är:
- Kunna använda flera bakgrunder
- Flexiblare hörn avrundningar
- Gradienter
- och mycket mer..
För mer info om CSS3 besök CSS3.info
Nu tillbaka till topic!
Under nattens slösurf kom jag över en blogg som tillhör en rysk(?) kille som gjort en Volkswagen Camper helt i CSS för att demonstrera dom nya möjligheterna med CSS3.
Det verkar som att den bara funkar i Firefox för närvarande. Men surfa in på bloggen och kolla. Eller surfa direkt in och titta på Volkswagen Camper i CSS3. Ett ganska roligt resultat han har lekt fram tycker jag.
Vilka är dom nya egenskaperna du längtar mest till?
CSS hover byte: bild och info
Det är ingen nymodighet att se sidor som har denna lösningen på deras portfolio eller galleri. Att när besökaren hovrar med mus pekaren över en bild, så dyker det upp en liten info ruta som döljer själva bilden.
Dom flesta sidor jag har sett använder dock Javascript för att få det att funka, vilket jag tyckte var onödigt så jag prövade att ta fram en variant som bara använder CSS för visa info rutan över bilden.
Teorin bakom koden
Det hela går ut på att man med CSS placerar info rutan som är en länk ovanför bilden, men gör den bara synlig när man hovrar med mus pekaren.
XHTML koden
<div class="image"> <img src="bilden.jpg" alt="bilden" /> <a href="#" title="Besök sidan" class="more-info"><span> <big>Rubriken</big><br /> <strong>Inlagd:</strong> 21/02 - 09<br /> <strong>Skapare:</strong> En person<br /> </span></a> </div>
Vi börjar med en div (image) för att hålla allt på plats. Sedan bilden som ska visas när man inte håller musen över bilden. Sist men absolut inte minst kommer länken (more-info), med den info som man vill ska visas när man hovrar med mus pekaren.
Älska Design
Uppdateringarna gällande den nya sidan Design-sector fortsätter att dyka upp, den senaste uppdateringen låter dig att med ett enkelt musklick, rösta på dom designer du verkligen tycker förtjänar lite extra kärlek. Så rurfa in på sidan och visa din kärlek!
Kan även säga att fler uppdateringar är planerade och kommer dyka upp inom en snar framtid. Om du vill hålla dig uppdaterad glöm inte att prenumerera på Design-sectors RSS.
En annan rolig sak gällande Design-sector är att google verkar ha bestämt sig att placera sidan bland top10 på sökfrasen sidan är optimerad för, vilket är ganska roligt med tanke på att sidan är så pass ny.
