Het Wat heb jij vandaag geprogrammeerd? topic

Jochems schreef:

Eerdere citaten tonen

Rudie schreef:

Eerdere citaten tonen

Jochems schreef:

Nice Shahiem! Je eigen CMS?

// ++ UPDATE Wat vinden jullie er nu van?

Spoiler tonen

Afbeelding

Beetje gekloot met borders & shadow.

bg te donker
border te dik en saai
content bg te donker en saai
logo te lelijk
lelijk lettertype
form niet opgemaakt
misvormde radius alleen rechts onder (loopt niet gelijk aan beide zijde van de hoek)

tip: gebruik bootstrap

Waarom zou ik bootstrap gebruiken voor een onderhoudspagina? Misvormde radius? Is de bedoeling hoor, ik wil er niet een ovaal van maken ofzo?
Lelijk lettertype? Is gewoon standaard maar goed.
Welke form?
omdat bootstrap heel simpel is en html5, ziet er gelikt uit.
Ja misvormde radius ja, het is lelijk zoals jij het dan bedoeld.
Standaard lettertype is lelijk.
Ben je echt zo blind dat je het form dat je zelf zou hebben gemaakt niet ziet? pff.

Rudie schreef:

Eerdere citaten tonen

Jochems schreef:

Eerdere citaten tonen

Rudie schreef:

Eerdere citaten tonen

Jochems schreef:

Nice Shahiem! Je eigen CMS?

// ++ UPDATE Wat vinden jullie er nu van?

Spoiler tonen

Afbeelding

Beetje gekloot met borders & shadow.

bg te donker
border te dik en saai
content bg te donker en saai
logo te lelijk
lelijk lettertype
form niet opgemaakt
misvormde radius alleen rechts onder (loopt niet gelijk aan beide zijde van de hoek)

tip: gebruik bootstrap

Waarom zou ik bootstrap gebruiken voor een onderhoudspagina? Misvormde radius? Is de bedoeling hoor, ik wil er niet een ovaal van maken ofzo?
Lelijk lettertype? Is gewoon standaard maar goed.
Welke form?

omdat bootstrap heel simpel is en html5, ziet er gelikt uit.
Ja misvormde radius ja, het is lelijk zoals jij het dan bedoeld.
Standaard lettertype is lelijk.
Ben je echt zo blind dat je het form dat je zelf zou hebben gemaakt niet ziet? pff.

Contactformulier ja.

Een script dat je minecraft skin ophaalt en dan je hoofd eruit knipt

http://prntscr.com/1nhalo

Niet vandaag, maar vandaag ga ik er wel mee verder
Is een layout + systeem.

Sanderc schreef:

http://prntscr.com/1nhalo

Niet vandaag, maar vandaag ga ik er wel mee verder
Is een layout + systeem.

Ik denk dat het er mooier uit ziet met een inset schadow die ook iets minder breed is.

Jochems schreef:

Eerdere citaten tonen

Rudie schreef:

Eerdere citaten tonen

Jochems schreef:

Eerdere citaten tonen

Rudie schreef:

Eerdere citaten tonen

Jochems schreef:

Nice Shahiem! Je eigen CMS?

// ++ UPDATE Wat vinden jullie er nu van?

Spoiler tonen

Afbeelding

Beetje gekloot met borders & shadow.

bg te donker
border te dik en saai
content bg te donker en saai
logo te lelijk
lelijk lettertype
form niet opgemaakt
misvormde radius alleen rechts onder (loopt niet gelijk aan beide zijde van de hoek)

tip: gebruik bootstrap

Waarom zou ik bootstrap gebruiken voor een onderhoudspagina? Misvormde radius? Is de bedoeling hoor, ik wil er niet een ovaal van maken ofzo?
Lelijk lettertype? Is gewoon standaard maar goed.
Welke form?

omdat bootstrap heel simpel is en html5, ziet er gelikt uit.
Ja misvormde radius ja, het is lelijk zoals jij het dan bedoeld.
Standaard lettertype is lelijk.
Ben je echt zo blind dat je het form dat je zelf zou hebben gemaakt niet ziet? pff.

Contactformulier ja.
ja, maar wel über lelijk en niet gestyled etc .

Rudie schreef:

Eerdere citaten tonen

Jochems schreef:

Eerdere citaten tonen

Rudie schreef:

Eerdere citaten tonen

Jochems schreef:

Eerdere citaten tonen

Rudie schreef:

Eerdere citaten tonen

Jochems schreef:

Nice Shahiem! Je eigen CMS?

// ++ UPDATE Wat vinden jullie er nu van?

Spoiler tonen

Afbeelding

Beetje gekloot met borders & shadow.

bg te donker
border te dik en saai
content bg te donker en saai
logo te lelijk
lelijk lettertype
form niet opgemaakt
misvormde radius alleen rechts onder (loopt niet gelijk aan beide zijde van de hoek)

tip: gebruik bootstrap

Waarom zou ik bootstrap gebruiken voor een onderhoudspagina? Misvormde radius? Is de bedoeling hoor, ik wil er niet een ovaal van maken ofzo?
Lelijk lettertype? Is gewoon standaard maar goed.
Welke form?

omdat bootstrap heel simpel is en html5, ziet er gelikt uit.
Ja misvormde radius ja, het is lelijk zoals jij het dan bedoeld.
Standaard lettertype is lelijk.
Ben je echt zo blind dat je het form dat je zelf zou hebben gemaakt niet ziet? pff.

Contactformulier ja.

ja, maar wel über lelijk en niet gestyled etc .

Klopt, je hebt gelijk. Bedankt voor je commentaar, kan ik weer verder. Ik ben namelijk een beginner en hier leer ik van..

//
Ik ben bezig met een simpel layoutje, alleen kom ik uit bepaalde dingen niet uit..
Live demo: http://grey.jochemstobbe.nl/
Ik heb die 3 kleurvakken in een container gezet, maar die wil ik onderaan het hoofdvak hebben, en alle 3 naast elkaar met een kleine ruimte er tussen (margin) maar dat lukt me niet, geen idee wat ik mis doe.
Wie heeft verbeter punten voor me op die layout? Code kan je in de bron zien.
//
Ik ga hem als hij af is, gratis releasen. Zodat ik er ook nog eens van leer en er anderen misschien nog mee blij maak.

Stop serieus met standaard windows fonts te gebruiken voor je logos

En de code: verschrikkelijk.

Wat verbeterpuntjes:

1)

#blauw {
  position: relative;
  width: 250px;
  float: left;
  height: 5px;
  margin: 0px auto;
  color: #333;
  background-color:#3F9AD3;
  padding-bottom:80px;
  border:0px solid black;
  margin: 5px auto;


}

#geel {
  position: relative;
  width: 250px;
  float: left;
  height: 5px;
  margin: 0px auto;
  color: #333;
  background-color:#E6D10E;
  padding-bottom:80px;
  border:0px solid black;
  margin: 5px auto;


}

Doe daarvoor zoiets:

#geel, #blauw, #groen {
 /* hier alle dingen die voor de drie divs gelden */
}
#geel {
  /* hier enkel een andere achtergrondkleur */
}

2) In je HTML bestand zit de helft van de elementen in CAPS en de rest niet, html is volgens de standaarden gewoon in kleine letters geschreven. Geen hoofdletters.

3) Doctype staat er niet bij

4) Logo doe je best als een bg in een div.

5) Times new roman alweer

Raaoul schreef:

Stop serieus met standaard windows fonts te gebruiken voor je logos

En de code: verschrikkelijk.

Wat verbeterpuntjes:

1)

#blauw {
  position: relative;
  width: 250px;
  float: left;
  height: 5px;
  margin: 0px auto;
  color: #333;
  background-color:#3F9AD3;
  padding-bottom:80px;
  border:0px solid black;
  margin: 5px auto;


}

#geel {
  position: relative;
  width: 250px;
  float: left;
  height: 5px;
  margin: 0px auto;
  color: #333;
  background-color:#E6D10E;
  padding-bottom:80px;
  border:0px solid black;
  margin: 5px auto;


}

Doe daarvoor zoiets:

#geel, #blauw, #groen {
 /* hier alle dingen die voor de drie divs gelden */
}
#geel {
  /* hier enkel een andere achtergrondkleur */
}

2) In je HTML bestand zit de helft van de elementen in CAPS en de rest niet, html is volgens de standaarden gewoon in kleine letters geschreven. Geen hoofdletters.

3) Doctype staat er niet bij

4) Logo doe je best als een bg in een div.

5) Times new roman alweer

Bedankt, hier heb ik dus wat aan! Ik ga er mee aan de slag.

toevoeging op 26 augustus 2013, 15:58:16:
Al gedaan:
- Divjes met die kleurvakken aangepast
- Header aangepast (als achtergrond)
- Doctype toegevoegd
- Geen caps meer gebruiken

Wat ik later ga doen:
- Lettertype aanpassen

Hoe krijg ik die 3 kleurendivs nu goed naast elkaar met een margin (kleine ruimte) er tussen? Wie o wie? En wie heeft er nog verbeter punten voor me?

Ik heb een klein gedeelte van een layout opnieuw gebased.

Robindh schreef:

Ik heb een klein gedeelte van een layout opnieuw gebased.

Show?

Jochems schreef:

Eerdere citaten tonen

Robindh schreef:

Ik heb een klein gedeelte van een layout opnieuw gebased.

Show?

Nee, want het is nog gedeeltelijk geheim. En nog niet af.

jochems:

met float:left; op iedere kleurendiv.

Verder: je gebruikt het xhtml doctype, gebruik gewoon

<!DOCTYPE html>

voor html5

toevoeging op 26 augustus 2013, 1740:
en het doctype hoort helemaal bovenaan te zitten

Jochems schreef:

Eerdere citaten tonen

Rudie schreef:

Eerdere citaten tonen

Jochems schreef:

Eerdere citaten tonen

Rudie schreef:

Eerdere citaten tonen

Jochems schreef:

Eerdere citaten tonen

Rudie schreef:

Eerdere citaten tonen

Jochems schreef:

Nice Shahiem! Je eigen CMS?

// ++ UPDATE Wat vinden jullie er nu van?

Spoiler tonen

Afbeelding

Beetje gekloot met borders & shadow.

bg te donker
border te dik en saai
content bg te donker en saai
logo te lelijk
lelijk lettertype
form niet opgemaakt
misvormde radius alleen rechts onder (loopt niet gelijk aan beide zijde van de hoek)

tip: gebruik bootstrap

Waarom zou ik bootstrap gebruiken voor een onderhoudspagina? Misvormde radius? Is de bedoeling hoor, ik wil er niet een ovaal van maken ofzo?
Lelijk lettertype? Is gewoon standaard maar goed.
Welke form?

omdat bootstrap heel simpel is en html5, ziet er gelikt uit.
Ja misvormde radius ja, het is lelijk zoals jij het dan bedoeld.
Standaard lettertype is lelijk.
Ben je echt zo blind dat je het form dat je zelf zou hebben gemaakt niet ziet? pff.

Contactformulier ja.

ja, maar wel über lelijk en niet gestyled etc .

Klopt, je hebt gelijk. Bedankt voor je commentaar, kan ik weer verder. Ik ben namelijk een beginner en hier leer ik van..

//
Ik ben bezig met een simpel layoutje, alleen kom ik uit bepaalde dingen niet uit..
Live demo: http://grey.jochemstobbe.nl/
Ik heb die 3 kleurvakken in een container gezet, maar die wil ik onderaan het hoofdvak hebben, en alle 3 naast elkaar met een kleine ruimte er tussen (margin) maar dat lukt me niet, geen idee wat ik mis doe.
Wie heeft verbeter punten voor me op die layout? Code kan je in de bron zien.
//
Ik ga hem als hij af is, gratis releasen. Zodat ik er ook nog eens van leer en er anderen misschien nog mee blij maak.
Dat is toch het logo van DeviantArt?

Jochems schreef:

Eerdere citaten tonen

Raaoul schreef:

Stop serieus met standaard windows fonts te gebruiken voor je logos

En de code: verschrikkelijk.

Wat verbeterpuntjes:

1)

#blauw {
  position: relative;
  width: 250px;
  float: left;
  height: 5px;
  margin: 0px auto;
  color: #333;
  background-color:#3F9AD3;
  padding-bottom:80px;
  border:0px solid black;
  margin: 5px auto;


}

#geel {
  position: relative;
  width: 250px;
  float: left;
  height: 5px;
  margin: 0px auto;
  color: #333;
  background-color:#E6D10E;
  padding-bottom:80px;
  border:0px solid black;
  margin: 5px auto;


}

Doe daarvoor zoiets:

#geel, #blauw, #groen {
 /* hier alle dingen die voor de drie divs gelden */
}
#geel {
  /* hier enkel een andere achtergrondkleur */
}

2) In je HTML bestand zit de helft van de elementen in CAPS en de rest niet, html is volgens de standaarden gewoon in kleine letters geschreven. Geen hoofdletters.

3) Doctype staat er niet bij

4) Logo doe je best als een bg in een div.

5) Times new roman alweer

Bedankt, hier heb ik dus wat aan! Ik ga er mee aan de slag.

toevoeging op 26 augustus 2013, 15:58:16:
Al gedaan:
- Divjes met die kleurvakken aangepast
- Header aangepast (als achtergrond)
- Doctype toegevoegd
- Geen caps meer gebruiken

Wat ik later ga doen:
- Lettertype aanpassen

Hoe krijg ik die 3 kleurendivs nu goed naast elkaar met een margin (kleine ruimte) er tussen? Wie o wie? En wie heeft er nog verbeter punten voor me?
Gebruik geen
om ruimte tussen het hoofdvlak en de vlakken te krijgen; gebruik margin-bottom.
Lijn je HTML ook uit.

toevoeging op 26 augustus 2013, 17:24:34:
Ik heb trouwens zelf in het weekend volgens mij verder met me forum bezig geweest:

http://sycoon.s3.one2xs.com/forum/
wat vinden jullie tot zo ver ervan en wat kan er verbeterd worden?

Na mijn weten is de layout responsive (of hoe je dat spelt)