Beeldvullende website

Alle vragen over html en css (stylesheets) kunnen hier worden gesteld.

Beeldvullende website

Berichtdoor wim » za mei 23, 2009 1:17 pm

Voor eerst proficiat Erik met je nieuwe (weet niet juist al hoelang) look van je www.sitestepper.be
Met de beeldvullende website look, ongeacht welk beeldscherm of resolutie.

ik zag al <html lang="nl">
vond dit ook op andere websites die het ook deden.

Wordt hiervoor gewerkt met javascript, alles in frames?

Moet hiervoor een volledige website met alle bronpagina's worden voor herschreven?


Wim
wim
1st Step/Stap
1st Step/Stap
 
Berichten: 26
Geregistreerd op: vr mei 22, 2009 12:39 am

Re: Beeldvullende website

Berichtdoor Sitestepper » za mei 23, 2009 4:38 pm

wim schreef:<html lang="nl">
vond dit ook op andere websites die het ook deden.

Kan je bereiken door in de skeleton de stepvar {PageLang} te gebruiken:
Code: Selecteer alles
<html lang="{PageLang}">


wim schreef: Met de beeldvullende website look, ongeacht welk beeldscherm of resolutie.
Wordt hiervoor gewerkt met javascript, alles in frames?

Nee, is volledig met CSS op te lossen. Frames in princiepe nooit gebruiken. Vergt wel wat kennis van CSS.

wim schreef:Moet hiervoor een volledige website met alle bronpagina's worden voor herschreven?

Nee, de bronpagina's moeten in principe niet worden herschreven, al kan het natuurlijk altijd zijn dat bepaalde delen of foto's toch iets anders op een pagina worden geplaatst als je de pagina beeldvullend maakt ipv vast en gecentreerd.
De skeleton moet worden aangepast: het is tenslotte de skeleleton die de look&feel van de volledige site bepaalt.
Avatar gebruiker
Sitestepper
1st Step/Stap
1st Step/Stap
 
Berichten: 49
Geregistreerd op: ma apr 20, 2009 9:01 am

Re: Beeldvullende website

Berichtdoor wim » ma mei 25, 2009 1:06 pm

Ok bedankt voor de info,
zal dan voorlopig maar laten, tot jij weer fit en gezond bent, om die sceleton te herschrijven in CSS, want ik heb hier geen kennis van.

Wat ik wel wou proberen is de volledige website te centreren op het beeldscherm.
Dat links is oudbollig geworden.

Hoe doe ik dit centreren van de website op beeldscherm?


Andere vraag is de background color van de volledige site die het beeldscherm vult.
Ik vond enkele die een kleurschakering hebben die gelijdelijk aan verdonkerd.
zie voorbeeld hier: http://www.internationalvillas.net/

Tof gedaan is dat hier die background kleur zowel boven als onder de website doorloopt.
Niet te druk maar toch echt elegant om naar te kijken.
Wat vind jij hier van?

Wim
wim
1st Step/Stap
1st Step/Stap
 
Berichten: 26
Geregistreerd op: vr mei 22, 2009 12:39 am

Re: Beeldvullende website

Berichtdoor Sitestepper » di mei 26, 2009 5:16 pm

wim schreef:Wat ik wel wou proberen is de volledige website te centreren op het beeldscherm.
Dat links is oudbollig geworden. Hoe doe ik dit centreren van de website op beeldscherm?

Is niet op 1-2-3 uit te voeren want jij hebt als achtergrond de tekening met de witte achtergrond over de breedte van jouw site, dan de schaduw, endan de gestreepte schuine lijntjes.
Dit is 1 grafisch bestand, dat links wordt getoond. Als we de site naar het midden verschuiven dan schuift de tekst van de site over het witte deel in het schuin gestreepte deel. We moeten dan ook de achtergrondkleur expliciet instellen.
Als je het wenst te proberen:
- kies Skeletons, en edit default.sgs
- zoek de <body> lijn op
- achter deze lijn de volgende lijn invoegen:
Code: Selecteer alles
<div style='margin:0 auto;width:950px;background-color:white;'>

- zoek </body> op
- voor deze lijn de volgende lijn invoegen:
Code: Selecteer alles
</div>

- site builden

Als je schuine lijntjes weg wilt:
- edit style default.css
- verwijder de volgende lijn uit het body {} deel
Code: Selecteer alles
            background-image:url(http://www.myibizavilla.com/images/bgb.gif);


Zoals steeds even een backup nemen van het project vooraleer je deze dingen begint te proberen.

wim schreef:Andere vraag is de background color van de volledige site die het beeldscherm vult.
Ik vond enkele die een kleurschakering hebben die gelijdelijk aan verdonkerd.
zie voorbeeld hier: http://www.internationalvillas.net/

Tof gedaan is dat hier die background kleur zowel boven als onder de website doorloopt.
Niet te druk maar toch echt elegant om naar te kijken.
Wat vind jij hier van?

Is best mooi. Op te lossen door (via CSS ;) ) een achtergrondtekening te maken die een gradatie heeft over de hele breedte van de effectieve site met de donkerste kleuren links en rechts (met een donkere kleur die dan aansluit met de effectieve achtergrondkleur van de volledige site.

Is inderdaad best te kaderen in een volledige opwaardering naar CSS van de site.
Avatar gebruiker
Sitestepper
1st Step/Stap
1st Step/Stap
 
Berichten: 49
Geregistreerd op: ma apr 20, 2009 9:01 am

Re: Beeldvullende website

Berichtdoor wim » do mei 28, 2009 9:05 pm

Ja is zeker een idee voor volgend jaar om site te updaten naar css, wanneer het terug gaat voor jou.

Kan ik voorlopig na het centreren de achtergrond kleur (van links en rechts) veranderen in een egale andere kleur dan wit.
Dit wel te verstaan dat de site kleur waar men tekst en foto's staan zelf wit blijft. (in de plaats van die blauwe streepjes)
wim
1st Step/Stap
1st Step/Stap
 
Berichten: 26
Geregistreerd op: vr mei 22, 2009 12:39 am

Re: Beeldvullende website

Berichtdoor wim » do mei 28, 2009 10:10 pm

[quote="Sitestepper]
Als je schuine lijntjes weg wilt:
- edit style default.css
- verwijder de volgende lijn uit het body {} deel
Code: Selecteer alles
            background-image:url(http://www.myibizavilla.com/images/bgb.gif);


[/quote]


Ik heb die lijn verwijderd bij style default.css, en site volledig opnieuw gebuild.

Maar lijntjes blijven nog zichtbaar.
Weet dus niet wat er dan verdwenen is. (zou het die schaduw kunnen zijn, die zie ik wel niet meer nu)


En zoals vorige vraag, kan ik een background kleur geven aan witte balken links en rechts?
wim
1st Step/Stap
1st Step/Stap
 
Berichten: 26
Geregistreerd op: vr mei 22, 2009 12:39 am

Re: Beeldvullende website

Berichtdoor wim » vr mei 29, 2009 12:38 am

net gemerkt dat de volledige site gecentreerd staan uitgezonderd de "index" pagina, die staat nog links.
zag dat ze dezelfde default voor sceleton gebruikt. (dus heb geen idee hier)
wim
1st Step/Stap
1st Step/Stap
 
Berichten: 26
Geregistreerd op: vr mei 22, 2009 12:39 am

Re: Beeldvullende website

Berichtdoor Sitestepper » vr mei 29, 2009 8:34 am

Maar lijntjes blijven nog zichtbaar.
Weet dus niet wat er dan verdwenen is. (zou het die schaduw kunnen zijn, die zie ik wel niet meer nu)

Als je iets aanpast in de stylesheet, mag je niet vergeten de stylesheeet te builden naar de site ( menu: Project - Build stylesheets naar de site).

Doe je dat niet, dan zie je de veranderingen natuurlijk niet.

net gemerkt dat de volledige site gecentreerd staan uitgezonderd de "index" pagina, die staat nog links.
zag dat ze dezelfde default voor sceleton gebruikt. (dus heb geen idee hier)

Dit kan niet, als dezelfde skeleton gebruikt wordt, dan moet deze index-pagina ook gecentreerd staan.
Wel steeds er voor zorgen dat je de browser refresht (F5 in IE).
Avatar gebruiker
Sitestepper
1st Step/Stap
1st Step/Stap
 
Berichten: 49
Geregistreerd op: ma apr 20, 2009 9:01 am

Re: Beeldvullende website

Berichtdoor Sitestepper » vr mei 29, 2009 8:43 am

wim schreef:Ja is zeker een idee voor volgend jaar om site te updaten naar css, wanneer het terug gaat voor jou.

Kan ik voorlopig na het centreren de achtergrond kleur (van links en rechts) veranderen in een egale andere kleur dan wit.
Dit wel te verstaan dat de site kleur waar men tekst en foto's staan zelf wit blijft. (in de plaats van die blauwe streepjes)


In de stylesheet default.css de body P..{ vervangen door:
Code: Selecteer alles
body      { background-color: #020266;
            /*background-image:url(«#ImageRoot»/bgb.gif);*/
            color: #646464;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-weight: normal;
            font-size: 11px;
            margin-left:0px;
            margin-top:0px;
            margin-bottom:0px;
          }

De #020266 in de bovenste lijn is donkerblauw (hetzelfde blauw als de horizontale donkere lijnen in je menu).
Deze kleur kan je desgewenst veranderen.

En nogmaals: niet vergeten de stylesheets te builden (vanuit StepEdit kan je dat doen door 'Sitestepper - genereer pagina' (of Ctrl-F9) te kiezen. Deze build de pagina als je een webpagina aan het builden bent, maar built de stylesheets als je een stylesheet aan het editeren bent.
Avatar gebruiker
Sitestepper
1st Step/Stap
1st Step/Stap
 
Berichten: 49
Geregistreerd op: ma apr 20, 2009 9:01 am

Re: Beeldvullende website

Berichtdoor wim » vr mei 29, 2009 11:05 am

bedankt alles hier gelukt.

ook index pagina nu
wim
1st Step/Stap
1st Step/Stap
 
Berichten: 26
Geregistreerd op: vr mei 22, 2009 12:39 am

Re: Beeldvullende website

Berichtdoor Sitestepper » vr feb 26, 2010 6:38 pm

Sitestepper schreef:
wim schreef:Ja is zeker een idee voor volgend jaar om site te updaten naar css, wanneer het terug gaat voor jou.


Wim, gewoon nog even een reply gedaan op dit onderwerp om te laten weten dat ik maandag 1 maart 2010 terug begin te werken. Groetjes.
Avatar gebruiker
Sitestepper
1st Step/Stap
1st Step/Stap
 
Berichten: 49
Geregistreerd op: ma apr 20, 2009 9:01 am


Keer terug naar HTML en CSS vragen

Wie is er online

Gebruikers op dit forum: Geen geregistreerde gebruikers en 1 gast

cron