De site centeren

csshunter · 4 okt 2012

Hoi Joop van de Hoop,
Met voorzichtige angst opende ik de mail van helpmij om je jongste ervaringen te bezichtigen...

wat blijkt? geen bewerkbare gebieden :evil:

... en een zucht van verlichting: Ik Heb Het Niet Gedaan! :d

Rederij Dreamweaver lijkt ons met een lekke schuit de woelige wateren te hebben ingestuurd. :shocked:
(nou tikte ik toch per ongeluk spontaan Dramweaver)

Als het verder niet binnen afzienbare tijd gaat lukken *), nemen we de reddingsboot: gewoon zonder een dwt.

Er zijn immers maar twee typen pagina's: de gewone pagina's en de team-pagina's.
Als je van elke soort een voorbeeldpagina hebt, hoeft die alleen maar gekopieerd en aangepast te worden om een nieuwe pagina te maken.
Met een klein memo'tje voor jezelf van wat er dan nog extra in de broncode aangepast moet worden (niet veel) ben je dan gered.

Met vriendelijke groet,
CSShunter

*) Eventuele herinstallatie van DW zou ik niet doen, je weet niet wat je dan allemaal overhoop haalt en misschien nooit meer terug kan krijgen! Daar heb ik wel droeve verhalen op internet over zien rondzwerven...

vredeveld01 · 4 okt 2012

Hoi Kapitein,

De test-index pagina is bevordert tot index-pagina, gaan nu een laatste poging doen
om dw los te trekken.

Ahoy,

Joop.

vredeveld01 · 4 okt 2012

Hoi Admiraal,

Heb een test-pagina gemaakt met 2 bewerkbare gebieden, de dwt gemaakt aan de hand van de huidige index-pagina.http://www.dekikkers.nl/laatstepoging.html

Zou je willen kijken of je hier iets mee aan kunt varen??

Om te zien of het zo werkbaar is heb ik de organisatie en foto pagina's veranderd naar dit sjabloon.

en dan hier zoals deze dwt eruit ziet. http://www.dekikkers.nl/sjabloon.html

Groeten Joop

csshunter · 6 okt 2012

Ahoy roerganger!
Met ons gelaveer komen we al zigzaggend toch langzaam vooruit; als ik me niet vergis, zie ik de kustlijn opdoemen. :d

De laatstepoging.html komt aardig in de buurt! - Dus op die manier kan het wel.
Maar de sjabloon.html is nog niet wat het wezen moet.

De sjabloon heeft nog niet alle editable regions die er in zouden moeten zitten.
En de sjabloon maakt geen gebruik van de php-includes, zodat de php-voordelen verloren gaan.
De gescheiden-circuit methode wordt ook wat lastiger.

Nu kunnen we nog wat verder laveren en proberen het dwt-sjabloon 100% te krijgen, maar ik denk dat je gaandeweg meer dan voldoende ervaring hebt om het helemaal zonder zo'n sjabloon te kunnen doen.

Gaan we proberen met de volgende proef (als u mij toestaat):

Hier staat een teams/teams-model.htm
Alles wat op een teampagina komt, is hier voor-ingevuld (voor Heren1 als voorbeeld).
In de broncode valt in de commentaar-regeltjes te zien wat er behalve de tekst in de middenkolom en de mededelingen-kolom nog meer per pagina moet worden ingevuld.
Downloaden naar lokale map teams, aanpassen voor Heren2, en uploaden naar server-map teams als heren2.php
Kijken naar dekikkers.nl/teams/heren2.php !

Als dat gelukt is, zijn hier nog wat echte pagina's, die zo als php-bestand kunnen worden geupload (tenzij je iets wilt veranderen, uiteraard):

Opm.:

De paginas-model.htm is weer een sjabloon-pagina (identiek aan organisatie), om rap de andere pagina-pagina's te kunnen maken.
NB: Alle pagina's hierboven zijn via de php-includes verbonden met het nieuwe menu! (van alle php-pagina's in het nieuwe circuit)
Ze kunnen dus wel worden klaargezet in de map teams resp. paginas, maar nog niet in real live worden ingezet: dat kan pas als alle php-pagina's klaar zijn.
Alle nieuwe php-pagina's die worden geüpload naar hun mapjes, maken meteen deel uit van het nieuwe menu: er kan dus via het menu onderling al geklikt worden.
De extra afbeeldingen zal je wel weten te vinden.
O ja, in de broncode van de fotos-pagina kan je zien dat zo nodig per pagina makkelijk wat css (in de <head>) kan worden toegevoegd als aanvulling op het standaard stylesheet. Dan hoeft dat niet uitgebreid te worden (eigenlijk wel mooier, maar hoeft niet persé).

Behouden vaart!
CSShunter

[edit]O ja - 2: Op de fotos-pagina staat dat er foto's zijn van de Clinics onder en boven de u12. Maar de pagina's waar naar verwezen wordt hebben u14 als trefwoord in hun bestandsnaam. Willen de echte u's opstaan?[/edit]

vredeveld01 · 6 okt 2012

Hoi Csshunter,

Ja we varen de goede kant op, heb al enige aanpassingen gedaan en een paar pagina's gemaakt in de nieuwe vaarroute.

Heel mooi wat je met de bewaarboekpagina hebt gedaan.

Ga, zodra ik weer van de dekzwabberdienst af ben, verder met het optuigen.

Gr. Joop

csshunter · 6 okt 2012

Hoi Joop,
Toe maar: de vaart zit er opeens geweldig in! Dat gaat hard, zo!

Over de Rayon Oost pagina
In de zin van de spelregels is per ongeluk een lege link met een email-adres blijven staan; het <a ...></a> kan er uit:

HTML:

<p><a href="mailto:voorzitter@dekikkers.nl"></a>Ook de spelregels zijn er op te vinden.</p>

In de <head> kan een extra stijlregel toegevoegd worden om het hele logo klikbaar te krijgen; het img-mappen is dan overbodig:

HTML:

<style type="text/css">
a#rayon-oost {padding: 5px; border: 1px solid #121212; display:inline-block;}
</style>

De inline-block zorgt voor het hele oppervlak. De padding geeft 'm wat ruimte eromheen bij het hoveren. De border voor de normale toestand is nodig omdat er bij hoveren ook een border is, en het logo anders bij het hoveren een pixeltje omlaag zou springen.

De alinea van het Rayon-Oost logo kan verder nog een <p class="center"> krijgen om in het midden te komen (die class staat al in het stylesheet, en kan ook voor andere regels/pagina's gebruikt worden). De img-map <map> kan dus verwijderd worden. Er staat hier een gepimpt logo'tje klaar (voor de map afbeeldingen). De regel kan dan worden:

HTML:

<p class="center"><a id="rayon-oost" target="_blank" href="http://www.rayonoost.nl/"><img width="157" height="144" alt="rayon-oost" src="../afbeeldingen/rayon-oost-nbb.gif"></a></p>

=======
Voor de foto-pagina
Hier zijn nog een bjgewerkt mapje44x33.gif en een kikker-met-basketbal145x135.png voor beschikbaar (ook naar de map afbeeldingen). Aan de code voor de pagina hoeft niets gedaan te worden, daar zitten ze al in.

=======
Voor de inschrijvingen-pagina
Nog een afbeelding kikkers-inschrijfformulier210x300.png.
Die zou je aan de link vast kunnen knopen, met als css in de head:

HTML:

<style type="text/css">
a#inschrijven {width: 220px; display: inline-block; border: 1px solid #121212;}
a#inschrijven img {margin: 10px 0;}
</style>

En dan als <h1>-regel:

HTML:

<h1 class="center">
    <a id="inschrijven" target="_blank" href="../documenten/InschrijfformulierDe Kikkers.pdf">Inschrijving<br />
    <img src="../afbeeldingen/kikkers-inschrijfformulier210x300.png" width="210" height="300" alt="" /></a>
</h1>

De <strong></strong> hoeft er niet in, want een <h1> is net als de andere <h>'s al strong van zichzelf.
O ja, een align="center", zoals er stond is een foei-fout van Dreamweaver (zie hier waarom), maar als je het woord align vervangt door class gaat het goed.
In de bestandsnaam van de inschrijfformulier-pdf (en de link er naar toe) is toch nog een spatie geslopen.

=======
Voor de links-pagina
Als je daar dit in de <head> opneemt:

HTML:

<style type="text/css">
#inhoud { overflow:hidden;}
#inhoud li { float: left; width: 190px; margin-top: 10px; margin-right: 35px; }
#inhoud li a {padding: 3px;}
</style>

... dan wordt het niet zo'n lange waslijst, maar worden er twee kolommetjes aangemaakt. Dit gaat automatisch, je kan eronder gewoon verder gaan.

=======

Hij gaat goed, zo die gaat!
Ik zie de vuurtoren van de haven al dichterbij komen.

Met vriendelijke groet,
CSShunter

vredeveld01 · 7 okt 2012

Goedemorgen luitenant ter zee,

In de zin van de spelregels is per ongeluk een lege link met een email-adres blijven staan; het <a ...></a> kan er uit

Is verwijderd.

het img-mappen is dan overbodig

En dit is makkelijker ook..(als je er verstand van hebt

)

Nog een afbeelding kikkers-inschrijfformulier210x300.png.

Had al gehoopt dat je dat zou doen...

O ja, een align="center", zoals er stond is een foei-fout van Dreamweaver

En dan heb je een nieuwe versie.

dan wordt het niet zo'n lange waslijst

En weer iets geleerd.

ook naar de map afbeeldingen

Ik zet de afbeeldingen in ..techniek/images

We gaan weer verder met het aanpassen van de teampagina's en natuurlijk de index pagina.
Als deze gereed zijn, kan dan dit in z'n geheel geplaatst worden?
Ik sta te trappelen op het dek.

Groeten Joop.

P.S. Heb voor straf mezelf gekielhaald......

csshunter · 7 okt 2012

Hoi Schipper,
De schuit ligt stevig op stoom, de lekjes worden met voortvarendheid gedicht en dankzij de dekzwabberaar gaat het er blinkend uitzien. :thumb:
Aan zinken hoeven we niet meer te denken, en Kniertje kan rustig slapen.

De images in ../techniek/images zetten kan natuurlijk ook, als de verwijzingen maar kloppen!

=======

... weer verder met het aanpassen van de teampagina's en natuurlijk de index pagina.

Ik zou nog even van de index-pagina afblijven: want zodra je die index.php gaat noemen, triggert ie alles van de nieuwe pagina's. De index wordt de allerlaatste als de hele rest in orde is. Je kan wel een proefexemplaar nieuwe-index.php voor de hoofdmap maken om los te testen.

=======

Als deze gereed zijn, kan dan dit in z'n geheel geplaatst worden?

Jawel: ik dacht nog even een laatste check voor de veiligheid te doen als je de seinvlag "Alles klaar" hebt gehesen, en dan scoren we de bal in het netje en gaan lekker passagieren.

Met vriendelijke groet,
CSShunter
_____________
PS
Het ziet zwart van de mensen op de kade: dit topic is nu al meer dan 1000 keer bekeken!

vredeveld01 · 8 okt 2012

Hoi cssvaarder,

Volgens mij varen we zojuist langs de brandaris de haven binnen, alle pagina's staan te blinken in de php.

De snelheid van dit jacht is een hele vooruitgang vergeleken met de oude schuit, een minpunt vind ik de
manier waarop de foto"s van de foto pagina worden weergegeven, zal toch maar op zoek gaan naar een betere versie.
Of ligt er nog wat moois in het vooronder??

Zodra de loveboat kapitein mij het groene licht seint gaat de nieuwe boot een fles champagne krijgen.

Ik wacht met grote spanning af......

Gr Joop

csshunter · 9 okt 2012

Hoi scheepsbouwer,
Ja, ik geloof ook dat het binnenkort vlaggetjesdag gaat worden.
Door het puts- en poetswerk zien de pagina's er uit als glanzend mooi gepolitoerd mahoniehout.

De css-sprites (combinatie-images) werken ook feilloos.
Voor nog wat leesvoer over het hoe en wat kan je nog eens kijken bij de Patrijspoort Theorie (!).

Aan een inspectie onder water ben ik nog niet toegekomen, maar van bovenaf vanuit het kraaiennest ziet alles er pico bello uit. Alle pagina's aan boord en op het oog in orde, en de menu's doen het ook voorbeeldig.
Nader bericht volgt! - In afwachting van de champagne zou ik maar vast een oorlam uit de kombof halen!

=======

... foto pagina's ... zal toch maar op zoek gaan naar een betere versie.
Of ligt er nog wat moois in het vooronder??

Er zwerven tientallen (externe en interne) fotoalbum-constructies op internet, en er zijn ook diverse lightbox-varianten voor mogelijk. Het hangt er helemaal van af welke kant je op wilt.

Heb je al een idee hoe het er uit zou moeten zien, en hoe de fotopagina's zouden moeten werken?
En moeten de foto's door de bezoekers meteen printbaar zijn, of zijn ze alleen voor web-bekijken? (printbaar = hoge kwaliteit = véél grotere bestanden!)

Ik heb niet iets in het vooronder klaarstaan, maar in een schuurtje op de werf stonden nog wel een paar bijna zeewaardige mogelijkheden die met wat aanpassingen van dienst zouden kunnen zijn.
Ik heb deze ontstoft en wat opgekalefaterd. Met de teerlucht er nog aan zijn het (virusvrij op bliksekaters):

dit wissellijstje-met-javascript.php
deze galery

Ad 1
Deze is geheel te "custommen": de kleine afbeeldingen kunnen bv. in een kolommetje van 2 of 3 stuks naast elkaar aan de linkerkant komen te staan, en de grote een stuk groter, en ernaast.

Ad 2
Ook deze kan op maat gemaakt worden. De dia-raampjes hoeven er bv. niet bij, kan ook een gewoon randje om de kleintjes zijn (of geen randje). De kleintjes kunnen ook wat groter, zodat er meer op te zien is (bv. omdat de groepsfoto's anders zo op elkaar lijken). De bijschrift-ruimte kan ook groter/anders, enz.
Wat hier nog aan moet gebeuren, is het toevoegen van een Volgende / Vorige knop bij de vergrotings-popup, voor het makkelijk bladeren.

Bij alle twee:

De html-code voor de foto's is supereenvoudig en er zijn snel en zonder enige rompslomp nieuwe foto's aan toe te voegen.
De grote foto's worden pas gedownload bij een klik. Dwz er is geen preload van alle grote nodig, en de pagina's staan heel snel op scherm.
Je zou nog wel een "afterload" functie kunnen bedenken, waardoor stiekem (als de pagina er al helemaal is) de volgende grote foto's alvast worden gedownload. *)

Ook nog een gewetenvraag!

Wil je een nieuwe opzet van de fotopagina's tegelijk met de andere nieuwe pagina's presenteren (een trots: "De hele site is vernieuwd!"), of kan dat een Fase 2 worden, die later de haven binnenvaart (blik op de toekomst: "Aan nieuwe fotopagina's wordt nog gewerkt")?

Met vriendelijke groet,
CSShunter
___________
*) Dat is waarschijnlijk de techniek die Google Maps gebruikt om de kaart op een bepaalde inzoom-stand vlot naar Links/Rechts en naar Boven/Beneden te kunnen slepen: de naastliggende vierkantjes zijn er dan al.

vredeveld01 · 10 okt 2012

Hoi onderwaterkijker,

De ad2 galery wordt door het matrozenmeisje goedgekeurd en deze poetser is er helemaal weg van mits deze niet boven zijn
(schippers)pet is.

Ik ben blij dat het geheel de eerste inspectie heeft overleeft en ben van mening dat we de ruim 1100 toeschouwers niet
langer in de kou op de kade moeten laten staan maar een kijkje in de kombuis laten nemen.

Moeten er nog paginas worden verplaatst of is het hernoemen van de huidige index naar .php voldoende?

Voor nog wat leesvoer

Heel interesant, (maar voor mij nog iets te hoog gegrepen) dit gezichtveld heb ik na een avondje in de scheepsbar

We wachten op het sein en hopen dat de grote roerganger deze catamaran de haven inloost.

Met vele groeten,

Joop

csshunter · 10 okt 2012

Hoi Joop de Popelaar,

Ben even wezen snorkelen: wie zoekt, zal vinden!

.
Uit de diepte-analyse kwam het volgende naar boven drijven:

=======

INSPECTIE ALGEMENE ZAKEN
(Deze heb ik op m'n geweten)

Paar externe linken werken niet goed

De link in de linkerkolom naar vorgers.nl had ik kortheidshalve aangemaakt als <a id="vorgers" href="http://vorgers.nl">. Vrijwel alle providers zorgen er voor dat je de "www" er niet voor hoeft te tikken. Maar niet die van vorgers, die geeft "Server niet gevonden"!
Iets dergelijks voor alkoof.nl in de rechterkolom, die blijkt opeens door te schakelen naar winkeleninborne.nl (!). Met www.alkoof.nl kom je er wel.
(De link dekoningschilders.nl had er ook last van, maar die had ik al getackeld.)
Rare jongens, die providers! - Dit moet aangevuld worden in het fragment waar die links in zitten.

Dat is het hiermee vernieuwde techniek-fragment: kikkers-standaardzaken.htm (te downloaden/uploaden)

-------

Ontbrekende h1
Vooruitgeschoven en vervolgens vergeten: elke zichzelf (en toegankelijkheid en Google) respecterende pagina hoort met een <h1> in de serie van de kopjes te beginnen. Die had ik bedacht als onzichtbare <h1> met de tekst "Basketball-vereniging De Kikkers te Borne (OV)". Bij bekijken op scherm hoeft dat er niet steeds bij, je weet al waar je zit, en er is het logo om je eraan te herinneren. Google kan geen logo's lezen, maar wel teksten (ook als die met css onzichtbaar op scherm zijn).

Daarom svp op alle pagina's (sorry) telkens dit <h1>-regeltje inplakken vlak voor de <h2>:

HTML:

...
<div id="inhoud">
    <h1>Basketball-vereniging De Kikkers te Borne (OV)</h1>
    <h2>Heren 1</h2>
    ... enz.

Hierbij hoort het onzichtbaar maken in het stylesheet:

Code:

#inhoud h1 { /* verborgen hoofdkop */
    position: absolute;
    left: 0;
    margin-left: -9999px;
    }

Dit is toegevoegd aan het stylesheet: nieuwe versie kikkers-stylesheet.css (ter download/upload).

=======

INSPECTIE TEAMS-PAGINA'S
Voor de wimpels bij de vlaggen op de Team-pagina's nog wat pietluttige lapjes stof.
Als we ze even doorlopen:

-------

heren1.php

Er staat nog:

HTML:

<meta name="KEYWORDS" content="invullen: trefwoorden, tussen, kommas" />
<meta name="DESCRIPTION" content="invullen: pagina-beschrijving in 1 zin" />

Kan bv. worden:

HTML:

<meta name="KEYWORDS" content="Kikkers, basketball, Borne, Overijssel, Heren1, Heren-1, Heren 1, uitslag, stand, wedstrijd, team, spelers" />
<meta name="DESCRIPTION" content="De Kikkers, basketball-team Heren 1 (Borne, Overijssel) - Uitslagen en standen, sporthal-adressen, trainer, trainingstijden en spelers." />

De <h1> erbij.

-------

heren2.php

Als <meta>'s bv.:

HTML:

<meta name="KEYWORDS" content="Kikkers, basketball, Borne, Overijssel, Heren2, Heren-2, Heren 2, team, spelers, training, recreatie, recreanten" />
<meta name="DESCRIPTION" content="De Kikkers, basketball-team Heren 2 (Borne, Overijssel) - Recreanten-team: trainingstijden en spelers." />

De <h1> erbij.

-------

heren3.php

<meta>'s analoog aan heren2
De <h1> erbij.

-------

oldkikkers.php

De <h1> erbij.

-------

dames1.php

<meta>'s analoog aan heren1.php
De <h1> erbij.
De "d" van <h2 class="center">dames 1</h2> mag met een hoofdletter, net als de Heren.

-------

meisjesu18.php

In de description-<meta> staat: "inpagina over de meisjes ... enz." > "info-pagina ...".
De <h1> erbij.
De streepjes - achter de rugnummers ontbreken.

-------

meisjesu14.php

Ook de "inpagina".
De <h1> erbij.
De streepjes - achter de rugnummers ontbreken.

-------

jongensu18.php

Ook de "inpagina".
De <h1> erbij.
Even een spatie erin na de dubbele punt: <em>Trainer/coach: </em>
De streepjes - achter de rugnummers ontbreken.

-------

jongensu16.php

Ook de "inpagina".
De <h1> erbij.
Even de spatie erin: <em>Trainer/coach: </em>
De streepjes - achter de rugnummers ontbreken.

-------

jongensu14.php

Ook de "inpagina".
De <h1> erbij.
Even de spatie erin: <em>Trainer/coach: </em>
De streepjes - achter de rugnummers ontbreken.
De link naar de uitslagen klopt niet (nog oud zeer ).
De link naar de standen klopt niet (ook oud zeer).

-------

meisjesu12.php

Ook de "inpagina".
De <h1> erbij.
De streepjes - achter de rugnummers ontbreken.
De link naar de uitslagen begint met een spatie na het aanhalingsteken <a href=" http://west.basketball.nl/...enz.>, die hoort er niet in.
In link naar de standen is de target weggevallen, moet zijn:
<a href="http://west.basketball.nl/db/wedstrijd/stand.pl?&szn_Naam=2012-2013&cmp_ID=1302&org_ID=3" target="_blank">

-------

jongensu12.1.php

Ook de "inpagina".
De <h1> erbij.
Even een spatie erin: <em>Trainer/coach: </em>
De streepjes - achter de rugnummers ontbreken.
Spatie weer uit de uitslagen-link.
De zin "Wedstrijd tegen Isala ..." begint met een <p> en moet dus ook met een </p> eindigen.

-------

jongensu12.2.php

Ook de "inpagina".
De <h1> erbij.
De streepjes - achter de rugnummers ontbreken.

-------

mixu8enu10.php

Ook de "inpagina".
De <h1> erbij.
De streepjes - achter de rugnummers ontbreken.

=======

Zo, dat waren de Alg. Zaken en de Teams-pagina's.
Nog even popelen: nu de gewone pagina's nog.

=======

De ad2 galery wordt door het matrozenmeisje goedgekeurd...
... mits deze niet boven zijn (schippers)pet is.

Om het loze meisje (dat was gaan varen, dat was gaan varen) en de schipper niet met een afwaaiende pet het zeegat uit te sturen, zal ik eens kijken of er nog een paar zuidwesters ingevet kunnen worden. Kan even duren, want de foto's moeten wel mooi in de kikkers-opmaak terechtkomen.

=======

... de ruim 1100 toeschouwers niet langer in de kou op de kade moeten laten staan maar een kijkje in de kombuis laten nemen.

Juist, dan promoveren we de foto-pagina's tot Fase 2.
De toeschouwers zullen nog heel even geduld moeten hebben tot de sonar langs de menu-pagina's is geweest, maar er staat gelukkig een goede viskraam op de kade en het promotieteam van Fisherman's Friends is ook al gearriveerd.

=======

Moeten er nog pagina's worden verplaatst of is het hernoemen van de huidige index naar .php voldoende?

De teams-pagina's en de andere pagina's kunnen blijven staan, tzt (te zienderogennaderende tijd) komt er een verse index-pagina (met hernoemen alleen gaat het niet).

=======

... dit gezichtsveld heb ik na een avondje in de scheepsbar :d

Zeker te diep in het uurglas gekeken!

Wordt vervolgd!
CSShunter

vredeveld01 · 11 okt 2012

Hoi css de populaire,

Het gaat voor het lapje.

Paar externe linken werken niet goed

Nu worden ze wel de goede kant opgestuurd.

De link dekoningschilders.nl had er ook last van, maar die had ik al getackeld

Volgens mij had ik die al gewijzigd...

Ontbrekende h1

Op alle pagina's gelaveerd.

Hierbij hoort het onzichtbaar maken in het stylesheet:

Stylesheet aangepast maar hier slaan de piraten toe en het schip wordt geënterd.
De <h1> is alles behalve onzichtbaar:evil:

Dan zelf maar proberen met style display none. Njet.
Misschien text-indent -9999 ook niet. Merde

Dan toch maar even wachten op de man die de zeven zeeën heeft bevaren.

Voor de wimpels bij de vlaggen op de Team-pagina's nog wat pietluttige lapjes stof

Alle stofjes weggezogen en de -pjes gladgestreken.

Volgens mij kunnen deze pagina's door de ballotage commissie en zal minister van de scheepvaart
zijn goedkeuring geven.

Als ik door de kijker naar de kade kijk zie ik een hele groep toeschouwers al feest vieren maar er staan ook
enkele groepjes te huilen.
Is dit emotie, de Fisherman's Friends of toch het <h1> probleempje????

Ga nu even achter kaap **** liggen.

Groeten Joop.

P.S. Heb maar deze tekst op de index gezet:

Er wordt gewerkt aan de site en het kan dus zijn dat sommige

pagina's er vreemd uitzien of helemaal niet werken.

Binnenkort gaat de vernieuwde site online, gaarne even geduld.....

Sommige pagina's van de html doen wel heel raar en heeft weinig zin om daar nu een oplossing voor te bedenken.

csshunter · 11 okt 2012

Hoi speedboot-lanceerder,

Stylesheet aangepast maar hier slaan de piraten toe en het schip wordt geënterd.
De <h1> is alles behalve onzichtbaar :evil:

Die h1-piraten toch! :d
Die hebben op de kikkers-server het geüploade nieuwe stylesheet kikkers-stylesheet.css (van woensdag 10 oktober 2012 18:15:47 uit post nr. #73 hierboven) weer terugveranderd in het oude stylesheet met dezelfde naam (van dinsdag 2 oktober 2012 6:49:15) dat er op dit moment op staat.

#73
(...) Ontbrekende h1
(...) Hierbij hoort het onzichtbaar maken in het stylesheet:
(...) Dit is toegevoegd aan het stylesheet: nieuwe versie kikkers-stylesheet.css (ter download/upload).

Misschien tussen de wal en het schip terechtgekomen in het gejoel bij het enteren van de <h1>'s ?
Of een scheepsmuis die vergat te reageren op een klikje? *)

=======

De team-pagina's kunnen we nu alvast doopklaar beschouwen, vindt de ballotage-commissie. :thumb:
Ik moet alle zeilen bijzetten om je bij te houden! De evaluatie-gewone-pagina's moet nog komen.

Wordt vervolgd,
CSShunter
________
*)'t Onhandige van modulair werken met een stylesheet en php-includes: iets fouts gaat meteen op alle pagina's fout.
't Handige: je ziet het altijd, en een correctie gaat meteen op alle pagina's goed.

vredeveld01 · 12 okt 2012

Gevonden,

Ik heb 2 maal een style sheet op de server, i maal in de map style sheet en 1 maal in de map techniek.

Die in de map techniek wordt gebruikt.

Gr. Joop

csshunter · 13 okt 2012

Ah, goed zo! - Dat krijg je wel eens met 2 kapiteins op 1 schip.

Hoei, er staan nu 1250 huppelaars op de kade. Ik moet voortmaken!

csshunter · 13 okt 2012

Hoi Joop,
Dan nu de onderwater-inspectie van de gewone pagina's: hier m'n bevindingen.

Ondanks de h1-piraten hebben alle pagina's al mooi de <h1> er bij.
Ook de keywords en de descriptions zijn goed geregeld.
Wat overblijft, zijn nog een paar slakjes die wat zeezout behoeven.

pagina organisatie.php
Rechterkolom: De Nieuws-link gaat naar <a href="../paginas/nieuws.html">, moet zijn: <a href="../paginas/nieuws.php">

pagina fotos.php
De drie plaatjes van de mapjes hebben een widt="44" > width="44" met een huh erbij (merkwaardig, de html/validator signaleert alleen de eerste!)

pagina nieuws.php
Middenkolom, Miniregels NBB: de spatie voor " HIER" even verplaatsen naar spatie na "Miniregels NBB ", dan is het verlengstreepje van de link weg.

Eventueel van het Word.doc'je nog een pdf maken, dan is dat meteen op scherm te zien (cq. te printen) ipv dat men eerst Word moet laten openen of het bestand eerst moet downloaden om daarna met Word te openen.

Middenkolom, de link-regel naar het "Wedrstrijboekje" moet zijn (met ook een %20 ipv spatie in de link, of anders de pdf hernoemen tot zonder spatie; en dan ook de link aanpassen):

HTML:

<p><a href="10wedstrijdboekje%202012-13_merged.pdf" target="_blank">Wedstrijdboekje 2012-2013</a></p>

Rechterkolom: er staat onder "Trainer/coach?" ook een link naar de Nieuws-pagina, maar dit is 'm zelf al > kan er uit.

Terzijde: de nieuws-pagina geeft alleen documenten uit de bieb, geen echte nieuwsberichten (op datum). Kunnen er altijd bij. .

pagina links.php
De link naar seconddribble loopt dood bij www2.basketball.nl/verenigingen/seconddribble.
Ik vond wel een eigen site van de club onder www.second-dribble.nl
Idem voor Svzw, heeft nu eigen site www.svzwbasketbal.nl
Tonego '65 zit niet meer op www.tonego1.nl, maar intussen op www.tonego65.com
Z.A.C. mist het target="_blank" attribuut.
Hurricane: hun domein www.bchurricane.nl wordt niet meer gebruikt en is te koop. Is het nu deze: www.thehurricanes.nl ?
De adidas-link loopt dood op de aangegeven adidas-pagina. Wordt deze bedoeld? www.adidas.nl/basketbal/Basketball,nl_NL,sc.html
Slamnation: slamnation.net is ook al in de verkoop. Google geeft weinig na 2010; geen idee of ze nog bestaan of waar ze zitten.

't Is wat, al die basketbal-verenigingen die maar hun sites vernieuwen! :d

Rechterkolom, de regel <p class="center"><a href="mailto:webmaster@dekikkers.nl"> Mail de webmaster</a> mist de afsluitende </p>
Rechterkolom, Nieuwslink: weer naar nieuws.php ipv nieuws.html

Pagina sponsoren.php
Middenkolom, de drie images mogen weer de %20 in hun bestandsnaam hebben, resp.:

HTML:

<img src="../techniek/images/HS1%202010-2011%201k.jpg" width="112" height="84" alt="H1 ferlin" />
<img src="../techniek/images/JU16%202010-2011.jpg" width="112" height="84" alt="Vorgers" />
<img src="../techniek/images/MU12%202010-2011%20008ckw.jpg" width="112" height="84" />

Rechterkolom: bij de Vorgers- en DeKoning-links zijn de www-kapers weer aan de slag geweest > alsnog www in de links erbij.

Pagina bewaarboekje.php
Middenkolom, bij het <img> moet in de code nog even een spatie tussen de breedte en de hoogte: width"450"height="400", en na de alt mag nog even een spatie en een afsluit-slash alt="" />, dan is het 100% valid html
Rechterkolom, de 2e link naar het Wedstijdboekje (bij het img) mist nog het woord target:

HTML:

<a href="../documenten/wedstrijdboekje-de-kikkers-2012-2013.pdf" target="_blank">

Aan het eind van die link-regel staat: </br />, gaat worden: </p>

Pagina rayonoost.php
Middenkolom, er staat: </a>Ook de spelregels... enz. - Deze </a> moet een <p> worden.
Het <img> eronder mag nog even een afsluit-slash: ... src="../techniek/images/rayon-oost-nbb.gif" />
Rechterkolom: weer nieuws.php

Pagina inschrijven.php
In de description staan in het begin van de content-value twee aanhalingstekens: content=""basketball, de kikkers, ... enz. - Dat is er 1 te veel.
Middenkolom, door het bijplaatsen van de nieuwe onzichtbare <h1> is nu ook de <h1> met de hele inschrijvingslink en de afbeelding onzichtbaar geworden! Om de h1-piraten een hak te zetten: de tweede <h1> kan een <h2> worden (met </h2> ipv </h1> op het eind), dan is het leed geleden.
Rechterkolom: weer nieuws.php

Dat waren ze, ik denk dat ik de verse index.php maar eens ga prepareren!

Met vriendelijke groet,
CSShunter

vredeveld01 · 14 okt 2012

Koning, Keizer, Admiraal......

Ik ben er klaar mee.

Alles is aangepast en zou nu naar behoren moeten werken.

Einde van fase 1 is in zicht, nog even wachten op de loods met de nieuwe index.php
en dan kunnen we deze fase afsluiten met een traan en een oorlam.

Ik wordt er bijna weemoedig van

Rustend op de schouder van de zeemansvrouw vaar ik....

Joop

csshunter · 14 okt 2012

Hoi Joop,
Zie ginds komt de stoomboot!
Dit zou wel eens een gedenkwaardige dag kunnen worden. :d

Het stampend schip in de stormen ...
... heeft nog een paar putsemmertjes die van het dek gegleden zijn. Om niemand erover te laten struikelen:

Pagina nieuws.php
Er staat nog Wedrstrijboekje (link werkt wel).

Pagina sponsoren.php
De 3 plaatjes met de kekke shirts zijn weggevallen: onvindbaar met de huidige naam. Heb je ze in de images-bak een andere naam gegeven?

Daarna kan de stormbal omlaag en mogen alle hens (en hanen) aan dek om de schuit eens mooi te pavoiseren.

=======

Dan heb ik hier een: proef-index.htm
NB:

Noot voor de toekomst: als er eens iets in het teams-menu of het pagina-menu moet veranderen, dan moet dat behalve in het fragment kikkers-topmenu.htm of kikkers-zijmenu.htm óók gebeuren in deze index.php.
Reden is dat de verwijzingen in de menu's nu op een ander niveau moeten beginnen (niet eerst een stapje omhoog zoals bij de team- en de gewone pagina's). Daarom kunnen de menu-includes niet gebruikt worden op de index-pagina, en heeft deze zelfstandig ingevoerde menu's.
De include kikkers-standaardzaken.htm zit wel in de index, want die heeft geen interne links.

Wat moet er nu nog gebeuren voor de doop van Fase 1?

Downloaden, uploaden als proef-index.php, ff tsjekke of alles er op staat.
Zo ja, hijs de zeilen en hernoem 'm tot index.php.
Zilte zeemansliederen zingend de haven binnen varen.
Dan zal zelfs het Fisherman's Fiends promo-team op de kade moeten erkennen: "Straf spul hè?!"

Ik ben benieuwd!
Met vriendelijke groet,
CSShunter
___________
PS: voor de landrotten

vredeveld01 · 14 okt 2012

Alle vlaggen in de top want hij staat er op.

De nieuwe index.php had trouwens allemaal koppelingen naar de html paginas,
heb ze hernoemt naar de php pagina en volgens mij is nu alles ok.

Ga lekker naar bedje toe dromend over het bereikte resultaat en dan morgen de controle.

Tot morgen.......

Joop

De site centeren

Meubilair

Gebruiker

Gebruiker

Meubilair

Gebruiker

Meubilair

Gebruiker

Meubilair

Gebruiker

Meubilair

Gebruiker

Meubilair

Gebruiker

Meubilair

Gebruiker

Meubilair

Meubilair

Gebruiker

Meubilair

Gebruiker

Wij waarderen jouw privacy