Het Web ontwikkelaars Topic [deel 3]

IE.................................

Zijn er nog mensen die het leuk vinden om samen met mij lolshare de lucht in te krijgen? Backend is zo goed als klaar.

 

Ik wil wel wat dingen op fb plaatsen ofzo

 

Ait cool, ik ga ff een nieuw ontwerp bouwen. De hele site zonder CSS.

Heb er genoeg van. Daarna mogen jullie het wel promoten.

 

Wait wut?

Code:

<style type="text/css">
.titel {
	color: #FFF;
	font-weight: bold;
	font-size: 24px;
}
.stats {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
.cijfers {
	font-weight: normal;
	color: #FFF;
}
.stats {
	color: #FFF;
}
.sharecijfer {
	font-size: 16;
	color: #0F0;
}
.destroycijfer {
	color: #F00;
	font-weight: normal;
}
.Derp {
	color: #FFF;
}
</style>

Btw, probeer het even conform HTML5 te maken.

 

Ik ben nog bezig jonguh

 

Kan iemand me helpen met wat HTML?

Ik heb vijf afbeeldingen, die allemaal even breed zijn en netjes onder elkaar staan. Prima. Daarnaast heb ik één afbeelding, die net zo groot is als de andere afbeeldingen bij elkaar. Deze grootste afbeelding (overlay) wil ik óver de andere afbeeldingen hebben. Het is een afbeelding met transparantie.

Hóe doe ik dit? Via Google kom ik er niet uit en de voorgestelde code werkt niet.

 

Kan je evenje code hier neer zetten? Dan kan ik makkelijker die code voor je maken

 

Le Lastpak..... hoe lukt het met je site?

 

HTML:

<img src="http://zorgsaam.org/images/Facebook/paneel%20top.jpg" alt="Paneel top" height="85" width="520" />

<br>

<a href="http://zorgsaam.org/index.php?option=com_vacatures&Itemid=246" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%201.jpg" alt="Paneel 1" height="110" width="520" /></a>

<br>

<a href="http://zorgsaam.org/nieuws/pagina-2" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%202.jpg" alt="Paneel 2" height="110" width="520" /></a>

<br>

<a href="http://zorgsaam.org/algemeen/over-zorgsaam" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%203.jpg" alt="Paneel 3" height="110" width="520" /></a>

<br>

<a href="http://twitter.com/#!/ZorgSaam" target="_blank"><img src="http://zorgsaam.org/images/Facebook/paneel%204.jpg" alt="Paneel 4" height="110" width="520" /> </a>

 

Mmh, moet dat niet met z index / z overlap? Ik kan het fout hebben hoor.

Weet iemand een top website voor gratis Wordpress Themes?

 

kan idd met z-index

also

themeforest heeft veel cheap ass templates....

 

Gewoon een position absolute en dan positioneren.

 

Uh, wat? Wie kan het voor me voorkauwen? Of doorverwijzen naar een handige tutorial.

Het probleem dat ik heb wanneer ik zelf Google, is dat ik enorme codes krijg. Met daarin het deeltje dat ik nodig heb, maar ik weet niet wat ik wel en niet moet overnemen.

 

Trial and error, gewoon die codes overnemen en kijken wat het doet. Eerst alles commenten en dan 1 voor 1 de comments weghalen zodat je kan zien wat er verandert.

Er is maar 1 manier om te leren coden en dat is het gewoon doen. Voorkauwen heb je niets aan.

 

Wat Gdzr zei klopt ook, is niet zo moeilijk. Gebruik je CSS Willem?

 

Neen, HTML. De code die ik net postte, is alles dat ik gebruik (en nodig heb gehad, tot nu toe).

Het is voor een Facebook Page. Via de Facebook App 'iFrame' kan je een tab toevoegen aan een Page op Facebook. Dat heb ik gedaan. Vervolgens kan je in die page werken met verschillende codeertalen, waaronder HTML en CSS.

Mijn ontwerp bestaat uit panelen van 520 x 110 px. Doordat alle panelen gelijk van formaat zijn, verschijnen ze automatisch netjes onder elkaar en krijg je zo één geheel.

Ik wil echter, dat wanneer mensen voor het eerst op de Page komen, en nog niet geliked hebben, er één grote afbeelding over de panelen verschijnt. De codetaal om dit te laten gebeuren, zit in iFrame. Daar hoef ik niet aan te werken. Het enige wat ik nog moet doen, en niet voor elkaar krijg, is er voor zorgen dat die ene overlappende afbeelding, ook echt over de panelen hangt!

Wat ook handig is om te weten: ik doe dit op stage en moet iets maken dat bruikbaar is voor mijn collega's die minder bedreven zijn in coderen. Ik werk dus die Page uit, maar ook een handleiding waarin uitgelegd staat hoe mijn collega's (zonder mijn hulp) panelen kunnen toevoegen. In het template van InDesign maakt men het paneel, die upload men daarna naar het CMS, en dan hoeft men alleen nog de URL in de code te plaatsen en die ergens in de totaalcode te zetten. Super makkelijk!

 

Als je er die layer, met de like ons, er over heen doet, dan worden je hrefs niet meer bruikbaar, omdat daar dan dat plaatje overheen zit. Dus dan word je code wel moeilijker wil je dit ook nog werkend houden.

 

Oh. Hhmm. Dan is het aan te raden tóch over te stappen naar CSS?

Wat moet er allemaal bij komen om in het in HTML code te houden? Ik heb een handleidign voor mijn collega's, waarin ik duidelijk aangeef wat zij wel en niet moeten aanpassen.

 

HTML en CSS moet je even als één zien, aangezien het mark-up languages zijn die afzonderlijk nagenoeg niks kunnen realiseren.

Is een javascript die de style verandert geen oplossing? De overlappende div (met overlappende afbeelding dus) na het liken gewoon op display="none" zetten óf zelfs gewoon het gehele element te vernietigen.

 

Zoiets als dit?
if (pagina wordt geliked)
{
overlappende div (display="none");
}