Toon posts:

indeling site zoals die van mtv.nl, hoe te beginnen?

Pagina: 1
Acties:

dinsdag 17 januari 2006 11:47

Acties:

Verwijderd

Topicstarter
Ik ben bezig met een site en ik was aan kijken naar de site van mtv.nl. De gebruikte site indeling daar vind ik erg mooi. Namelijk een achtergrond, daarop een soort van skin en daarop weer een content.

Nu heb ik geprobeerd om te kijken hoe je zo iets voor elkaar krijgt maar ik kom er niet helemaal uit. Hoe bouw ik het op? Moet eerste een tabel gebruiken en daarbinnen alleen <div>?

En dan nog iets anders de skin achter de content bestaat uit losse delen.Ontwerpers kunnen bij mtv zelf een ontwerp insturen (http://www.mtv.nl/download/skin_template.zip). Als ik dat open zie ik dat men aan beide kanten een gradient.jpg gebruikt. Echter, de voorschriften zijn om die schaalbaar te maken, dus als de inhoud van de site langer word moet dit mee verlopen..? Hoe kan dit met een .jpg?

Wie kan me op weg helpen?:)

dinsdag 17 januari 2006 11:50

Acties:
  • Yoozer
  • Registratie: Februari 2001
  • Laatst online: 20-01 22:02

Yoozer

minimoog

Verwijderd schreef op dinsdag 17 januari 2006 @ 11:47:
Ik ben bezig met een site en ik was aan kijken naar de site van mtv.nl. De gebruikte site indeling daar vind ik erg mooi. Namelijk een achtergrond, daarop een soort van skin en daarop weer een content.

Nu heb ik geprobeerd om te kijken hoe je zo iets voor elkaar krijgt maar ik kom er niet helemaal uit. Hoe bouw ik het op? Moet eerste een tabel gebruiken en daarbinnen alleen <div>?
Zou je niet eerst een wat simpeler projectje proberen? Kijk hier maar eens naar:
http://glish.com/css/7.asp en begin daar alvast maar eens mee te stoeien.

De site van MTV zit echter wel helemaal in tabellen ingebakken. Extragratis tip: Firefox > Web Developer toolbar. Dan zie je gelijk wat er gebruikt is en hoe het is opgeknapt; je kunt namelijk tabelcellen highlighten en divjes (block level elements).

[ Voor 6% gewijzigd door Yoozer op 17-01-2006 11:51 ]

teveel zooi, te weinig tijd

dinsdag 17 januari 2006 15:24

Acties:
  • giMoz
  • Registratie: Augustus 2002
  • Laatst online: 02-04 08:55

giMoz

iets met meester...

MS heeft tegenwoordig voor voor IE ook een developer toolbar, ook met dom explorer.

Of niet natuurlijk...

dinsdag 17 januari 2006 15:32

Acties:
  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 17-04 13:33

McVirusS

MTV.nl is trouwens (o.a.) gemaakt door W&G Flash guru B-Top ;).

dinsdag 17 januari 2006 15:36

Acties:
  • P_de_B
  • Registratie: Juli 2003
  • Niet online

P_de_B

MTV.nl in gemaakt in Joomla, dat cms kun je gratis downloaden :)

Zie bijvoorbeeld: [rml][ CMS] Het grote Mambo (en nu ook Joomla) OS topic - deel 1[/rml]

Oops! Google Chrome could not find www.rijks%20museum.nl

dinsdag 17 januari 2006 15:54

Acties:

Verwijderd

waarschijnlijk is die MTV site allemaal in CSS 2.0 gepositioneerd. Met CSS posities kan je absolute en relative posities geven aan div's.

Voor een voorbeeld kan je kijken op www.dondiablo.com/index.css. Deze site is 100% css 2.0 en 100% W3C compatible. De site van DonDiablo > LINK!

De CSS lijkt wat moeilijk, maar als je firefox gebruikt kan je een plugin downloaden waarmee je CSS kan laten zien (borders ed.) en realtime (offline) editen!
Als je een "privacy report" maakt van de MTV site zie je ook een aantal CSS bestanden die gebruikt worden. Bekijk die ook eens.
Als je alles wilt positioneren met CSS moet je wel een "maincontainer" DIV. Deze is relatief gepositioneerd in met IE venster. Alle "content" DIVjes zijn absoluut aan deze "maincontainer". Maar voor je dat allemaal door hebt moet je deze link eerst maar is doorlezen.

Ook zou ik het nieuwe "AJAX" gaan gebruiken om die page-refreshes to voorkomen bij het inladen van nieuwe content. Vrij makkelijk javascriptje. Dit AJAX script gooit alle inhoud van het "externe" html bestand in een DIV met de ID "contentHolder".

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

<html>
 <script type="text/javascript" language="javascript">

    var http_request = false;

    function makeRequest(url) {

        http_request = false;

        if (window.XMLHttpRequest) { // Mozilla, Safari,...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
                // See note below about this line
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!http_request) {
            alert('Giving up :( Cannot create an XMLHTTP instance');
            return false;
        }
        http_request.onreadystatechange = alertContents;
        http_request.open('GET', url, true);
        http_request.send(null);

    }

    function alertContents() {

        if (http_request.readyState == 4) {
            if (http_request.status == 200) {
                document.getElementById(\'contentHolder\').innerHTML = http_request.responseText;
            } else {
                alert('There was a problem with the request.');
            }
        }

    }
 </script>
 <div 
    style="cursor: pointer; text-decoration: underline"
    onclick="makeRequest('test.html')">
        Make a request
 </span>

 <body>
   <div id=contentHolder></div>
 </body>
</html>


Self ff reseachsen hoe ajax precies werkt.
Veel suc6.

PS.
Gebruik van tables, frames, enz... afschaffen! Per direct! CSS owned vet, Alles is vet makkelijk aan te passen in 1 bestand. Dus niet meer eeuwen lang zoeken naar een TD-tje om de kleur te veranderen ofzo.

PSS.
CMS-sen zoals mambo... :r
Te veel opties en niet overzichtelijk. Nee ik maak me eigen wel! ...

[ Voor 63% gewijzigd door Verwijderd op 17-01-2006 16:27 ]

dinsdag 17 januari 2006 16:05

Acties:
  • Jerry
  • Registratie: September 2001
  • Laatst online: 24-03 16:08

Jerry

Who?

Verwijderd schreef op dinsdag 17 januari 2006 @ 15:54:
PS.
Gebruik van tables, frames, enz... afschaffen! Per direct! CSS owned vet, Alles is vet makkelijk aan te passen in 1 bestand. Dus niet meer eeuwen lang zoeken naar een TD-tje om de kleur te veranderen ofzo.
Dus jij wilt ook tabulaire data niet in een table zetten ;).
Dan zou ik als ik jouw was even zoeken naar Semantische opbouw.

[ Voor 8% gewijzigd door Jerry op 17-01-2006 16:08 ]

dinsdag 17 januari 2006 16:16

Acties:
  • Sosabowski
  • Registratie: Juni 2003
  • Laatst online: 08-04 19:31

Sosabowski

nerd

Verwijderd schreef op dinsdag 17 januari 2006 @ 15:54:
Gebruik van tables, frames, enz... afschaffen! Per direct! CSS owned vet, Alles is vet makkelijk aan te passen in 1 bestand. Dus niet meer eeuwen lang zoeken naar een TD-tje om de kleur te veranderen ofzo.
Voor de lay-out ja. Tabellen zijn prima voor dingen waar ze voor bedoeld zijn.

The whole problem with the world is that fools and fanatics are always so certain of themselves, and wiser people so full of doubts. -- Bertrand Russell

dinsdag 17 januari 2006 16:17

Acties:
  • DDemolition
  • Registratie: Augustus 2003
  • Laatst online: 22:11

DDemolition

slopen is mijn lust en leven

MTV heeft zelfs een Mambo CMS
En ja, die is bereikbaar van buitenaf 8)
Voor de liefhebbers: http://www.mtv.nl/administrator/

edit:
sorry, de lange post niet gelezen 8)7

[ Voor 16% gewijzigd door DDemolition op 17-01-2006 16:18 ]

Specs: Server, WS boven, WS beneden

dinsdag 17 januari 2006 16:23

Acties:

Verwijderd

Ok ok. Tabelletjes voor tabulaire weergave van tekst, ok. Maar voor het positioneren van elementen in een website is toch niet meer done lijkt me.

Eens toch?

EDIT: Check ajax toevoeging vorige post trouwens.

[ Voor 18% gewijzigd door Verwijderd op 17-01-2006 16:24 ]

dinsdag 17 januari 2006 16:31

Acties:
  • P_de_B
  • Registratie: Juli 2003
  • Niet online

P_de_B

DDemolition schreef op dinsdag 17 januari 2006 @ 16:17:
MTV heeft zelfs een Mambo CMS
En ja, die is bereikbaar van buitenaf 8)
Hoe bedoel je bereikbaar van buitenaf? Kun je inloggen dan?

Oops! Google Chrome could not find www.rijks%20museum.nl

dinsdag 17 januari 2006 16:33

Acties:
  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Verwijderd schreef op dinsdag 17 januari 2006 @ 15:54:
Aantal opmerkingen omtrent je post:

1. DonnieBoy gebruikt op z'n site ook tables ;)
2. Je roept een hoop info met wat relevante code, maar daar heeft TS niet zo heel veel aan.

Wellicht handiger dat TS zich wat meer gaat verdiepen in wat basis dingen. De vraag die bij mij rijst is wat wil de TS eigenlijk bereiken met dit topic. Hulp bij het design, hulp bij het proggen of beide?


DDemolition schreef op dinsdag 17 januari 2006 @ 16:17:
MTV heeft zelfs een Mambo CMS
En ja, die is bereikbaar van buitenaf 8)
Voor de liefhebbers: http://www.mtv.nl/administrator/
Ehm ja, maar wat versta je precies onder 'bereikbaar van buitenaf'? ;)

[ Voor 26% gewijzigd door BtM909 op 17-01-2006 16:34 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

dinsdag 17 januari 2006 16:33

Acties:

Verwijderd

@ Mod,

1. Haha, over de tables. (wel tabulair trouwens :P)
2. Eens
3. Just trying to help.

[ Voor 82% gewijzigd door Verwijderd op 17-01-2006 16:39 ]

dinsdag 17 januari 2006 16:35

Acties:
  • DeFeCt
  • Registratie: Juli 2000
  • Laatst online: 16-04 13:22

DeFeCt

je wéét toch

Verwijderd schreef op dinsdag 17 januari 2006 @ 16:23:
Maar voor het positioneren van elementen in een website is toch niet meer done lijkt me.
http://www.kcbone.nl/ .... :X

Flickr

dinsdag 17 januari 2006 16:36

Acties:

Verwijderd

DeFeCt schreef op dinsdag 17 januari 2006 @ 16:35:
[...]


http://www.kcbone.nl/ .... :X
Ja hallo! Daar ga ik toch geen CSS voor schrijven voor die site! Is gewoon fun site-tje.
Ik wist dat ik deze op me dak zou krijgen. :D 8)7 8)

Ik hou me tikfingers wel weer op deze topic.. ;)

[ Voor 14% gewijzigd door Verwijderd op 17-01-2006 16:40 ]

dinsdag 17 januari 2006 16:48

Acties:

Verwijderd

Topicstarter
Dankje, ik ga even wat bijlezen:)

woensdag 18 januari 2006 17:13

Acties:
  • DDemolition
  • Registratie: Augustus 2003
  • Laatst online: 22:11

DDemolition

slopen is mijn lust en leven

BtM909 schreef op dinsdag 17 januari 2006 @ 16:33:
[...]

Aantal opmerkingen omtrent je post:

1. DonnieBoy gebruikt op z'n site ook tables ;)
2. Je roept een hoop info met wat relevante code, maar daar heeft TS niet zo heel veel aan.

Wellicht handiger dat TS zich wat meer gaat verdiepen in wat basis dingen. De vraag die bij mij rijst is wat wil de TS eigenlijk bereiken met dit topic. Hulp bij het design, hulp bij het proggen of beide?




[...]

Ehm ja, maar wat versta je precies onder 'bereikbaar van buitenaf'? ;)
Met bereikbaar wilde ik niet zeggen dat ik ook werkelijk kan inloggen..
Degene die het onderhouden kunnen dit dus "van buitenaf".
Wilde er alleen op toe wijzen dat het back-end te zien is via de standaard manier van mambo...

[ Voor 3% gewijzigd door DDemolition op 18-01-2006 17:14 ]

Specs: Server, WS boven, WS beneden

Pagina: 1
Reageer