1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <?php var aux = { // navigates left / right navigate : function( dir, $el, $wrapper, opts, cache ) { var scroll = opts.scroll, factor = 1, idxClicked = 0; if( cache.expanded ) { scroll = 1; // scroll is always 1 in full mode factor = 3; // the width of the expanded item will be 3 times bigger than 1 collapsed item idxClicked = cache.idxClicked; // the index of the clicked item } ?> |
http://www.quora.com/What(...)CSS-Javascript-gamesquote:Op woensdag 11 april 2012 11:06 schreef Mirel het volgende:
Ik doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg
Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
Wat voor game wilt ze gaan maken dan? Ik denk dat Flash dan makkelijker en laagdrempeliger is.quote:Op woensdag 11 april 2012 11:06 schreef Mirel het volgende:
Ik doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg
Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
Zonde om nu nog flash te leren aangezien het binnen 1/2 jaar nergens meer gebruikt gaat worden.quote:Op woensdag 11 april 2012 12:52 schreef RenRen- het volgende:
[..]
Wat voor game wilt ze gaan maken dan? Ik denk dat Flash dan makkelijker en laagdrempeliger is.
Beter eerst goed javascript leren, jquery en al die meuk. Voordat ze aan zoiets wil beginnen. En wat simpele dingen met het HTML5 Canvas klooien.quote:Op woensdag 11 april 2012 11:06 schreef Mirel het volgende:
Ik doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg
Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
Ik hoorde juist dat het voor games enzo best nog nuttig is om Flash te leren. Ik heb er verder niet zoveel onderzoek naar gedaan, maar ik had 5 weken geleden mijn eerste les in een module over Flash. Toen werd dat ook geroepen door iedereen, maar volgens mijn leraar was het gelul. Maar as I said, zelf geen onderzoek naar gedaanquote:Op woensdag 11 april 2012 12:59 schreef stefanhaan het volgende:
[..]
Zonde om nu nog flash te leren aangezien het binnen 1/2 jaar nergens meer gebruikt gaat worden.
[..]
Beter eerst goed javascript leren, jquery en al die meuk. Voordat ze aan zoiets wil beginnen. En wat simpele dingen met het HTML5 Canvas klooien.
HTML5 word juist de vervanging van flash. Flash is oud en word steeds meer ouderwets. Als je al kijkt naar wat er kan met HTML5 is het wel overduidelijk dat dit flash gaat vervangen.quote:Op woensdag 11 april 2012 13:04 schreef RenRen- het volgende:
[..]
Ik hoorde juist dat het voor games enzo best nog nuttig is om Flash te leren. Ik heb er verder niet zoveel onderzoek naar gedaan, maar ik had 5 weken geleden mijn eerste les in een module over Flash. Toen werd dat ook geroepen door iedereen, maar volgens mijn leraar was het gelul. Maar as I said, zelf geen onderzoek naar gedaan
Kijk hier bijvoorbeeld maar.quote:Op woensdag 11 april 2012 13:04 schreef RenRen- het volgende:
[..]
Ik hoorde juist dat het voor games enzo best nog nuttig is om Flash te leren. Ik heb er verder niet zoveel onderzoek naar gedaan, maar ik had 5 weken geleden mijn eerste les in een module over Flash. Toen werd dat ook geroepen door iedereen, maar volgens mijn leraar was het gelul. Maar as I said, zelf geen onderzoek naar gedaan
Op mijn school gelukkig niet, hij ook niet, hij is gewoon enorme fan van Flash.quote:Op woensdag 11 april 2012 13:04 schreef Catch22- het volgende:
leraren leven altijd minimaal 6 jaar in het verleden he
Ik weet wat er kan Ik vind het alleen niet boeiend genoeg om er een heel onderzoek naar te verrichtenquote:Op woensdag 11 april 2012 13:05 schreef stefanhaan het volgende:
[..]
Kijk hier bijvoorbeeld maar.
http://html5games.com/
Dan leeft hij nog wel in het verleden hoor. Flash is opgegeven door de hele wereld.quote:Op woensdag 11 april 2012 13:09 schreef RenRen- het volgende:
[..]
Op mijn school gelukkig niet, hij ook niet, hij is gewoon enorme fan van Flash.
Echt he. Ergste is nog dat RennieRen het ook aangeleerd krijgt, die gekke ideetjes van hem. Brrrrr.quote:Op woensdag 11 april 2012 13:16 schreef Surveillance-Fiets het volgende:
Dat is wel erg dat je al docent niet mee kan gaan met de laatste ontwikkelingen. Juist hij moet concluderen dat flash dood is.
Maaaar apps voor Android zijn toch ook veelal gemaakt met Flash? Of is die informatie ook uit iemand zijn reet getrokken?quote:Op woensdag 11 april 2012 13:14 schreef Scorpie het volgende:
[..]
Dan leeft hij nog wel in het verleden hoor. Flash is opgegeven door de hele wereld.
Ik word gewoon verkeerd opgeleid.quote:Op woensdag 11 april 2012 13:16 schreef Scorpie het volgende:
[..]
Echt he. Ergste is nog dat RennieRen het ook aangeleerd krijgt, die gekke ideetjes van hem. Brrrrr.
Nee apps voor android worden in native java gemaakt als ik me niet vergis.quote:Op woensdag 11 april 2012 13:25 schreef RenRen- het volgende:
[..]
Maaaar apps voor Android zijn toch ook veelal gemaakt met Flash? Of is die informatie ook uit iemand zijn reet getrokken?
[..]
Ik word gewoon verkeerd opgeleid.
Nee, Java over het algemeen.quote:Op woensdag 11 april 2012 13:25 schreef RenRen- het volgende:
[..]
Maaaar apps voor Android zijn toch ook veelal gemaakt met Flash? Of is die informatie ook uit iemand zijn reet getrokken?
Dat had ik allang door...quote:Ik word gewoon verkeerd opgeleid.
Herkenbaar. Heerlijk toch, lekker met CSS3, HTML5 en jQuery stoeien?quote:Op woensdag 11 april 2012 13:34 schreef Tijn het volgende:
Ik heb de laatste tijd hartstikke veel werk omdat de projecten die voorheen in Flash gedaan zouden worden nu met HTML5/CSS/Javascript uitgevoerd moeten worden.
Ik heb laatst nog zo'n klus gedaan voor een bedrijf die zeiden dat ze eerst op zoek waren geweest naar een goede Flash programmeur, maar dat ze gewoon niet meer te vinden zijn.
De grap is trouwens ook dat er bijna nooit daadwerkelijk veel HTML5 aan te pas komt trouwens Zo'n beetje alles wat leken HTML5 noemen is in feite meestal CSS3 en jQuery
Klopt maar je wil niet weten hoeveel mensen niks met jQuery of CSS3 kunnen.quote:Op woensdag 11 april 2012 13:34 schreef Tijn het volgende:
Ik heb de laatste tijd hartstikke veel werk omdat de projecten die voorheen in Flash gedaan zouden worden nu met HTML5/CSS/Javascript uitgevoerd moeten worden.
Ik heb laatst nog zo'n klus gedaan voor een bedrijf die zeiden dat ze eerst op zoek waren geweest naar een goede Flash programmeur, maar dat ze gewoon niet meer te vinden zijn.
De grap is trouwens ook dat er bijna nooit daadwerkelijk veel HTML5 aan te pas komt trouwens Zo'n beetje alles wat leken HTML5 noemen is in feite meestal CSS3 en jQuery
Heuj je hebt het verkeerd begrepen he. En niet mijn producten jatten!quote:Op woensdag 11 april 2012 13:48 schreef stefanhaan het volgende:
Tevens is dit ook wel vet
http://www.sencha.com/products/touch
HTML5 cross OS app making
Gratis commerciële license
Ik jat niks?quote:Op woensdag 11 april 2012 13:50 schreef Scorpie het volgende:
[..]
Heuj je hebt het verkeerd begrepen he. En niet mijn producten jatten!
Sencha Touch is iig niet commercieel te gebruiken zonder je source te openbaren of een licentie aan te schaffen.quote:
De Touch wel. Lees de licentie maar.quote:Op woensdag 11 april 2012 13:55 schreef Scorpie het volgende:
[..]
Sencha Touch is iig niet commercieel te gebruiken zonder je source te openbaren of een licentie aan te schaffen.
Niet als je een Touch app voor in de App store maakt.quote:Op woensdag 11 april 2012 13:55 schreef stefanhaan het volgende:
[..]
De Touch wel. Lees de licentie maar.
Alleen de Webversie niet
Mijne komt ook niet in de store Bedrijfs app.quote:Op woensdag 11 april 2012 13:56 schreef Scorpie het volgende:
[..]
Niet als je een Touch app voor in de App store maakt.
Oke, dan is het goed. En de desktop versie is idd betaald.quote:Op woensdag 11 april 2012 13:57 schreef stefanhaan het volgende:
[..]
Mijne komt ook niet in de store Bedrijfs app.
De mobiele heb ik nergens gelezen dat zodra app store dat je ook moet dokken. Maar zou me niks verbazen neequote:Op woensdag 11 april 2012 13:58 schreef Scorpie het volgende:
[..]
Oke, dan is het goed. En de desktop versie is idd betaald.
Tevens dit:quote:Op woensdag 11 april 2012 13:58 schreef Scorpie het volgende:
[..]
Oke, dan is het goed. En de desktop versie is idd betaald.
quote:Commercial Software License (Embedded Devices)
This is the appropriate option if you want to use Sencha Touch to build applications targeting embedded devices. This option is free for distribution of less than 5,000 units annually. If you plan to exceed this amount of devices, Embedded device licenses are available that can be customized for your needs. You may create unlimited numbers of applications with NO per seat or per user payments.
framework om apps mee te maken.quote:Op woensdag 11 april 2012 23:48 schreef n8n het volgende:
sensa touch een website-framework of om native apps mee te maken zoals phonegap?
Nee niks websites. Je maakt er apps mee flapdrol. Lees ff in op die website manquote:Op donderdag 12 april 2012 02:08 schreef n8n het volgende:
gewoon websites dus, maak ik dan liever zelf zitten voor mij te veel nadelen aan zulke frameworks. Voordeel is dat het sneller ontwikkelt maar ik hou liever zelf de controle.
1 2 3 | <button onclick="toggleByClass('1');">bla1</button> <button onclick="toggleByClass('2');">bla2</button> <button onclick="toggleByClass('3');">bla3</button> |
1 2 3 | function toggleByClass(className) { $("."+className).toggle("slow"); } |
zijn gewoon websites met een lelijk app-laagje. flapdrolquote:Op donderdag 12 april 2012 20:51 schreef stefanhaan het volgende:
[..]
Nee niks websites. Je maakt er apps mee flapdrol. Lees ff in op die website man
1 2 3 4 5 | img.topicoptions { float: left; margin-top: 3px; padding: 0px 1px; } |
1 2 3 4 | .pagesholder > div { left: -***px; top: ***px; } |
Werkt deels. Er is een soort van "barriere" een paar pixels links van de "stop volgen" button. (Bij margin-left)quote:Op zaterdag 14 april 2012 23:42 schreef KomtTijd... het volgende:
[ code verwijderd ]
beetje schuiven tot het goed staat
Hoe is je css nu dan?quote:Op zondag 15 april 2012 00:08 schreef DrNick het volgende:
[..]
Werkt deels. Er is een soort van "barriere" een paar pixels links van de "stop volgen" button. (Bij margin-left)
Lekkere chaos.quote:Op zondag 15 april 2012 11:18 schreef DrNick het volgende:
[..]
http://i.fokzine.net/templates/forum2009/usercss/5/332405.css
1 2 3 | .pagesholder > div { margin-right: 8px !important; } |
1 2 3 4 | .pagesholder > div { top: 20px !important; left: 120px; } |
Dat doet niets, ik blijf die barriere houden.quote:Op zondag 15 april 2012 13:28 schreef Light het volgende:
[..]
Lekkere chaos.
Verder is dit niet echt handig:
[ code verwijderd ]
Die div heeft namelijk een inline style "position:absolute;top:-3px". Als je die naast de volgen/stop volgen knoppen wilt plaatsen, zul je met die positie aan de slag moeten.
[ code verwijderd ]
Misschien moeten die getallen een beetje anders, daar moet je zelf maar mee spelen.
Da's vaag. Hier werkt het wel, iig als ik in Firebug met die css regels ga spelen. Overigens zonder de rest van je css, dus misschien dat daar nog iets in zit dat de boel verstoort. Je kunt nog proberen om "left: 120px !important;" te gebruiken. Als dat niet helpt, moet je uitzoeken wat er blokkeert. En eens kijken wat er gebeurt als je een css neemt met alleen de regels voor het verplaatsen van die icons.quote:Op zondag 15 april 2012 13:43 schreef DrNick het volgende:
Top lukt me wel, maar links/rechts verschuiven niet.
Ik zou het serverside doen. Met PHP bijvoorbeeld zoiets:quote:Op zondag 15 april 2012 13:00 schreef killfrenzy het volgende:
weet iemand hoe ik tekst in een box kan opslaan (als een .txt of word bestand) als ik op Save Note druk?
1 2 3 4 5 6 7 8 9 | <?php if($_SERVER['REQUEST_METHOD'] == 'POST') { header('Content-Type: text/plain'); header('Content-Length: '.strlen($_POST['notitie'])); header('Content-Disposition: attachment;filename="notitie.txt"'); die($_POST['notitie']); } ?> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html> <head> <title>Notitie opslaan</title> </head> <body> <form method="post" action="notitie_opslaan.php"> <fieldset> <legend>Notitie opslaan</legend> <textarea name="notitie"></textarea> </fieldset> <button type="submit">opslaan</button> </form> </body> </html> |
Jeps, !important deed het. Bedanktquote:Op zondag 15 april 2012 14:05 schreef Light het volgende:
[..]
Da's vaag. Hier werkt het wel, iig als ik in Firebug met die css regels ga spelen. Overigens zonder de rest van je css, dus misschien dat daar nog iets in zit dat de boel verstoort. Je kunt nog proberen om "left: 120px !important;" te gebruiken. Als dat niet helpt, moet je uitzoeken wat er blokkeert. En eens kijken wat er gebeurt als je een css neemt met alleen de regels voor het verplaatsen van die icons.
Nou, het is nogal een last resort en geeft eigenlijk aan dat je CSS een beetje een puinhoop isquote:
Joh, als je tegen de CSS van FOK! aan zit te werken...quote:Op zondag 15 april 2012 15:01 schreef Tijn het volgende:
[..]
Nou, het is nogal een last resort en geeft eigenlijk aan dat je CSS een beetje een puinhoop is
Gelukkig is het niet mijn cssquote:Op zondag 15 april 2012 15:01 schreef Tijn het volgende:
[..]
Nou, het is nogal een last resort en geeft eigenlijk aan dat je CSS een beetje een puinhoop is
Top, werkt uitstekend!quote:Op zondag 15 april 2012 14:09 schreef Tijn het volgende:
[..]
Ik zou het serverside doen. Met PHP bijvoorbeeld zoiets:
notitie_opslaan.php:
[ code verwijderd ]
Ik ga er vanuit dat je HTML er ongeveer zo uitziet:
[ code verwijderd ]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | function showNotesBox() { $this->tag = "<div id='notes'>"; $this->tag .= "<h2 id='title'>Notities</h2>"; $this->tag .= "<form action='' method='post'>"; $this->tag .= "<textarea rows='20' cols='50'></textarea><br />"; if (isset($SESSION['status'])) { $this->tag .= "<a href='index.php?page=save'><input id='savenote' class='button' type='button' value='Save note ' /></a>"; $this->tag .= "<a href='index.php?page=share'><input id='postnote' class='button' type='button' value='Share with' /></a>"; $this->tag .= "<a href='index.php?page=help'><input id='savecommunity' class='button' type='button' value='Help the community!' /></a>"; } else { $this->tag .= "<a href='index.php?page=save'><input id='savenote' class='button' type='button' disabled='disabled' value='Save note' /></a>"; $this->tag .= "<a href='index.php?page=share'><input id='savenote' class='button' type='button' disabled='disabled' value='Share with' /></a>"; $this->tag .= "<a href='index.php?page=help'><input id='savecommunity' class='button' type='button' disabled='disabled' value='Help the community!' /></a>"; } |
1 2 3 4 5 6 | $.ajax({ url: "test.html", context: document.body }).done(function() { $(this).addClass("done"); }); |
1 2 | $('#savenote').click(function() { } |
exact treurnisquote:Op zondag 15 april 2012 15:02 schreef KomtTijd... het volgende:
[..]
Joh, als je tegen de CSS van FOK! aan zit te werken...
quote:
1 2 3 4 5 6 7 8 9 | .pagesholder { display: block; left: 470px; line-height: 5px; position: absolute; text-align: right; top: 25px; width: 350px; } |
Heb je dit al opgelost?quote:Op zaterdag 14 april 2012 21:29 schreef MrNiles het volgende:
jQuery n00b-vraagje
ik heb diverse buttons
[ code verwijderd ]
nu verdwijnt met de click op de button de bijbehorende class
[ code verwijderd ]
maar ik wil het eigenlijk net anders om
alle classes moeten verdwijnen behalve die aangeklikt wordt...
1 2 3 4 5 6 7 8 | $('.example_class').click(function() { //alles verbergen. $('.example_class').hide('slow', function() { alert('Animation complete.'); }); //toon de ene die je hebt aangeklikt. $(This).show(); }); |
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.En dan kan ik dus dit gebruiken :
1
2
3$('savenote').click(function() {
});'
Met een functie van AJAX:
1
2
3
4
5
6
7
8$.post('toolkit/saveNote.php', {
movie_id : movie_id,
user_id : user_id,
note : note
},
function(output) {
$('confirmID').html.text(output);
}'
Om ervoor te zorgen dat de notities (showNotesbox) opgeslagen worden op de server. Het lukt mij alleen niet helemaal, ik krijg foutmeldingen.And remember, respect is everything!
1 2 3 | <button onclick="toggleByClass('sectie1');">bla1</button> <button onclick="toggleByClass('sectie12');">bla2</button> <button onclick="toggleByClass('sectie13');">bla3</button> |
1 2 3 | function toggleByClass(className) { $("."+className).toggle("slow"); } |
Dan nog, een linkje waar veel naar gezocht wordt mag wel een beetje duidelijk worden geplaatst. "Onze users zijn slim dus mogen ze lekker zoeken" is zo ongeveer het tegenovergestelde van gebruiksvriendelijk.quote:Op maandag 16 april 2012 13:02 schreef Catch22- het volgende:
van developers mogen ze verwachten dat ze wel iets beter lezen dan de gemiddelde gebruiker.
Fucking 1e google hit: http://www.google.nl/search?hl=nl&q=googlemaps+developer+api+keyquote:Op maandag 16 april 2012 13:45 schreef picodealion het volgende:
[..]
Dan nog, een linkje waar veel naar gezocht wordt mag wel een beetje duidelijk worden geplaatst. "Onze users zijn slim dus mogen ze lekker zoeken" is zo ongeveer het tegenovergestelde van gebruiksvriendelijk.
Paar weken terug was het nog code.developers.comquote:Op maandag 16 april 2012 13:43 schreef Catch22- het volgende:
dan moet je lekker bij developers.google.com wegblijven.
Wat is het nou, klaag je nu over de documentatie die je niet goed gelezen hebt, de links in de documentatie die je niet gelezen hebt, de doorzoekbaarheid van de documentatie die je niet gegoogled hebt of het gebrek aan begrijpend kunnen lezen?quote:Op maandag 16 april 2012 13:58 schreef Mirel het volgende:
Google gebruiken om te googlen binnen google. Binnenin de documentatie moet het gewoon gelinkt worden, klaar.
Dat is dus echt kankerhard gelul van de bovenste plank, want je komt er wel hier in dit topic om mekkeren dat je het niet meer kan vinden in plaats van een mailtje naar Google te sturen.quote:Op maandag 16 april 2012 14:18 schreef Mirel het volgende:
Gebrekkigheid aan links in de documentatie naar de API generator. Wat is daar niet aan te snappen? Ik ga expres niet googlen, wil weten of ze het zelf in orde hebben. Off-hand opmerkingen ga ik maar hier niet maken, allemachtig hee
Mail Google dan in plaats van hier te vragen naar die link. Gaan wij ons druk maken om de mensen die wel degelijk hulp nodig hebben.quote:Op maandag 16 april 2012 14:22 schreef Mirel het volgende:
Da's heel geen gelul Ik vind dat absoluut wel een issue, noem me mierenneukerig als je wil.
Daar is dit topic toch niet voor? Slowchatten doe je maar in DIG slowchat topic.quote:Op maandag 16 april 2012 14:27 schreef Mirel het volgende:
Waarom veronder stel je dat ik van alles vraag, mag een beetje slowchat niet?
Ik heb het wel eens gebruikt, maar eerlijk gezegd valt het me nog een beetje tegen. De performancewinst is lang niet altijd aanwezig boven een jQuery animatie en bovendien heb je geen callback, dus is het een stuk moeilijker om halverwege je animatie in te grijpen of na je animatie iets te triggeren.quote:Op dinsdag 17 april 2012 15:35 schreef Koopsie het volgende:
Gebruikt hier iemand ook die Css transitions? ik heb het pas gisteren ontdekt
Ja, WebKit is goed bezig de volgende IE te wordenquote:Op dinsdag 17 april 2012 17:47 schreef PimD het volgende:
In webkit wordt er in ieder geval gewoon een event getriggerd, zodat je daarop kunt inhaken.
hmm ja oke. maar ik ben beetje aan het beginnen met Html / Cssquote:Op dinsdag 17 april 2012 17:17 schreef Tijn het volgende:
[..]
Ik heb het wel eens gebruikt, maar eerlijk gezegd valt het me nog een beetje tegen. De performancewinst is lang niet altijd aanwezig boven een jQuery animatie en bovendien heb je geen callback, dus is het een stuk moeilijker om halverwege je animatie in te grijpen of na je animatie iets te triggeren.
Ik snap het niet meer. Je bent toch web designer?quote:Op dinsdag 17 april 2012 18:15 schreef Koopsie het volgende:
[..]
hmm ja oke. maar ik ben beetje aan het beginnen met Html / Css
Ik ben allang blij dat ik een "leuk" hover effect heb in een menu
www.renegrafischontwerp.nl/template
Jquery gebruik ik soms ook wel maar dat is meer Copy / Paste zoals met een slideshow
Zal wel meevallen, zolang Google achter WebKit blijft staan zal de ontwikkeling echt wel op pijl blijven.quote:Op dinsdag 17 april 2012 17:54 schreef Tijn het volgende:
[..]
Ja, WebKit is goed bezig de volgende IE te worden
De vraag is vooral in hoeverre de andere browsers de niet-standaard features van Webkit blijven overnemen. Ik zit niet op Webkit-only sites te wachten.quote:Op dinsdag 17 april 2012 18:57 schreef KomtTijd... het volgende:
[..]
Zal wel meevallen, zolang Google achter WebKit blijft staan zal de ontwikkeling echt wel op pijl blijven.
Dat is één ding inderdaad, maar 99% marktaandeel claimen en dan 5 jaar lang iedereen in de shit laten zitten zal niet zo snel gebeuren met een google project.quote:Op dinsdag 17 april 2012 18:59 schreef Tijn het volgende:
[..]
De vraag is vooral in hoeverre de andere browsers de niet-standaard features van Webkit blijven overnemen. Ik zit niet op Webkit-only sites te wachten.
muah, meer als hobby mijn school geeft namelijk geen les in webdesign etc. Ik vind het zelf leuk om websites (proberen) te ontwerpen, maar ik heb nog veel te lerenquote:Op dinsdag 17 april 2012 18:43 schreef Neraice het volgende:
[..]
Ik snap het niet meer. Je bent toch web designer?
Mwah, het ligt aan het type animaties natuurlijk. Een hoverstate van een button ofzo vind ik iets dat prima in CSS mag/hoort. Een switch tussen pagina's/controls is idd iets wat w.m.b. meer in de JS-laag zou moeten horen.quote:Op dinsdag 17 april 2012 18:57 schreef KomtTijd... het volgende:
Overigens vraag ik me ook af in hoeverre dingen als transforms uberhaupt in CSS thuis horen. Het begint zo steeds meer op een programmeertaal te lijken ipv een stijlsheettaal. Laat interactiviteit lekker aan javascript over, dat is er voor gemaakt.
Bedankt! ik ga me er eens in verdiepen.quote:
1 2 3 4 5 6 7 8 9 10 11 | .item { width:338px; height:100%; padding:10px 10px; margin:10px 10px 10px 10px; background-color:#e4e4e4; float:left; border:1px dotted #CCCCCC; } |
1 2 3 4 5 6 7 8 9 | <div class="item"> <div class="itembanner"> <h1>TITEL </h1> </div> <a href="images/...jpg" target="_blank"><img src="images/...jpg" width="335" /></a> <h2>SUB TITEL</h2> <div class="itemdatum">datum</div> </div> |
1 | var toLoad = $(this).attr('href') + '#' + $(this).attr('id'); |
Waar deze dan juist in te voegen? Als ik hem in de CSS doe dan zal elk 'item' toch links uitlijnen?quote:Op woensdag 18 april 2012 18:54 schreef KomtTijd... het volgende:
http://www.w3schools.com/cssref/pr_class_clear.asp
Hint: Je wilt eigenlijk elk oneven item op een nieuwe regel laten beginnen en alle oneven items met rust laten...quote:Op woensdag 18 april 2012 23:53 schreef Tazar_Yoot het volgende:
[..]
Waar deze dan juist in te voegen? Als ik hem in de CSS doe dan zal elk 'item' toch links uitlijnen?
Het is juist wel de bedoeling dat ze 'stacken' op een 'natuurlijke' manier.
Gewoon jquery voor zoiets gebruiken.quote:Op donderdag 19 april 2012 17:03 schreef Mirel het volgende:
Is er een IE versie van de CSS code pointer-events:none;? Ik gebruik het om een div die bovenop een URL zit ook klikbaar te maken (dan klik je er als het ware doorheen).
http://stackoverflow.com/(...)-underlying-elements In het bovenste staat een stuk code, maar die werkt niet bij mij, en ook niet in het voorbeeld van die gast. Het lijkt erop dat je daarmee het plaatje op 0% opacity zet ofzo, en dat 'ie daardoor dus klikbaar is. Googlen op die code geeft alleen voorbeelden aan waarmee die code voor een ander doeleinde wordt gebruikt.
Misschien maar een javascriptje zoeken dan?
1 2 3 | $('#DivID_Here').click(function(){ // OnClick Event code here }); |
als je breedte variabel is (en dus niet altijd 2 divs naast elkaar staan, maar soms ook meer of minder) zou ik idd inline-block gebruiken. Ik denk dat dat sowieso meer geëigend is voor dit geval.quote:Op woensdag 18 april 2012 23:53 schreef Tazar_Yoot het volgende:
[..]
Waar deze dan juist in te voegen? Als ik hem in de CSS doe dan zal elk 'item' toch links uitlijnen?
Het is juist wel de bedoeling dat ze 'stacken' op een 'natuurlijke' manier.
Begrijp je wel goed wat dat doet? Het maakt de div niet klikbaar, het maakt onderliggende elementen klikbaar.quote:Op donderdag 19 april 2012 17:03 schreef Mirel het volgende:
Is er een IE versie van de CSS code pointer-events:none;? Ik gebruik het om een div die bovenop een URL zit ook klikbaar te maken (dan klik je er als het ware doorheen).
Daarmee maak je de overliggende div klikbaar, niet de elementen die onder het stukje transparante achtergrond van die div liggen.quote:Op donderdag 19 april 2012 17:12 schreef stefanhaan het volgende:
[..]
Gewoon jquery voor zoiets gebruiken.
[ code verwijderd ]
Oh zo goed had ik niet gelezenquote:Op donderdag 19 april 2012 17:44 schreef boem-dikkie het volgende:
[..]
Daarmee maak je de overliggende div klikbaar, niet de elementen die onder het stukje transparante achtergrond van die div liggen.
Nee dat snap ik wel Ik zei ook erachteraan dat je er als het ware 'doorheen klikt'. Misschien had ik het beter moeten verwoorden.quote:Op donderdag 19 april 2012 17:43 schreef KomtTijd... het volgende:
Begrijp je wel goed wat dat doet? Het maakt de div niet klikbaar, het maakt onderliggende elementen klikbaar.
En dan de vervolgvraag: Waarom denk je dit nodig te hebben?
I feel stupidquote:Op donderdag 19 april 2012 11:18 schreef QM84 het volgende:
[..]
Hint: Je wilt eigenlijk elk oneven item op een nieuwe regel laten beginnen en alle oneven items met rust laten...
Dat is niet bepaald unobtrusive, aangezien het toch wel om een lay-out element gaat en niet zozeer om toegevoegde gimmicks. Raad ik af dus.quote:
Depends. Probeer zoveel mogelijk liquid layouts te gebruiken en resolutie onafhankelijk te blijven, maar als het niet lukt pak ik nog 'gewoon' 1024x768.quote:Op maandag 23 april 2012 09:20 schreef Alovenac het volgende:
Als jullie in deze tijd een website moeten maken he. Welke standaardafmetingen gebruiken jullie dan qua breedte en lengte ?
Blijf het lastig te bepalen vinden.
Het mooiste is natuurlijk om (bv dmv media queries) te zorgen dat bij elke resolutie iets fatsoenlijks op het scherm staat. Maar ik ga er in het geval van desktops meestal van uit dat mensen minstens 1000 pixels in de breedte en 600 pixels in de hoogte hebben.quote:Op maandag 23 april 2012 09:20 schreef Alovenac het volgende:
Als jullie in deze tijd een website moeten maken he. Welke standaardafmetingen gebruiken jullie dan qua breedte en lengte ?
Blijf het lastig te bepalen vinden.
Die kende ik nog niet. Nice.quote:
Vraag me ff niet waarom ik zo heb zitten kutten met de thead terwijl het eigenlijk zo simpel is.quote:Op woensdag 25 april 2012 00:03 schreef KomtTijd... het volgende:
Je vergeet de top:...px op de tabel?
sowieso jQuery hiervoor gebruiken en wat je dan doet is.quote:Op woensdag 25 april 2012 15:41 schreef MrNiles het volgende:
ik heb een ideetje..maar weet niet zo goed hoe ik het moet omzetten in code
als ik verschillende tegels op een site heb staan
zoiets
[ afbeelding ]
die wil ik met een click in de tegel groter maken,
alle tegels moeten, apart van elkaar, op dezelfde grootte en positie uitvergroot kunnen worden..
zoiets
[ afbeelding ]
in de tegels komt tekst te staan die dan zichtbaar wordt als het vergroot wordt...
hoe kan ik die tegels het beste groter maken?
kan ik 1 positie opgeven waar elke hoe naar toe schuift?
iemand die mee een aanzetje kan geven
ben nu aan het pielenquote:Op woensdag 25 april 2012 15:47 schreef stefanhaan het volgende:
[..]
sowieso jQuery hiervoor gebruiken en wat je dan doet is.
Je hebt de posOrigin die zit linksbovenin. Als je dan iets vergroot met 10px breed en 10px hoog. Moet je de posOrigin hiermee ofsetten. Dan blijft je tegel op dezelfde plek maar word hij wel groter.
Alleen je kunt de tekst dan pas het beste zichtbaar laten worden na DW animatie. Anders zie je de tekst verschuiven en dat zal niet zo mooi zijn denk ik.
1 | $(".demo").animate({height:600, width:600},"slow"); |
ik heb het met jquery nooit gedaan met c++ wel.quote:Op woensdag 25 april 2012 16:07 schreef MrNiles het volgende:
[..]
ben nu aan het pielen
maar wat je zegt dat doet jQuery toch zelf al, maar waarschijnlijk snap ik je niet
ik doen nu bijv:
[ code verwijderd ]
dan blijft de linksboven, op z'n plaats..
nu doe ik ook height en widht..maar kan zoiets ook met top en left bijv...
kan er niet een goede uitleg over vinden
maar moet ik dan voor elke tegel apart gaan uitvogelen wat de verschuiving in px wordt
of kan ik op 1-of-andere manier vertellen..hoek 1 gaan naar punt A
zodat ik de positie niet voor elke tegel opnieuw moet gaan bepalen
dat kan je nog steeds doen, alleen krijg je dan een beetje het idee van het wiel opnieuw uitvinden..quote:Op woensdag 25 april 2012 16:17 schreef stefanhaan het volgende:
Waar is de tijd gebleven dat je alles zelf moest doen zeg
het is goed om de achterliggende theorie te kennen. Je hebt tegenwoordig zoveel mensen die gewoon maar functies toepassen en niet eens weten hoe het werkt en dan gaan klagen.quote:Op woensdag 25 april 2012 16:24 schreef mschol het volgende:
[..]
dat kan je nog steeds doen, alleen krijg je dan een beetje het idee van het wiel opnieuw uitvinden..
positioneren met bottom: en right:quote:Op donderdag 26 april 2012 12:22 schreef MrNiles het volgende:
nog niet echt een goed antwoord gevonden...
kan ik het origin van een div verleggen?
van linksboven naar bv rechts onder...
als ik dan een height en width geef dan blijft de rechteronder hoek staan
Gewoon met bootstrap gewerkt om het responsive te maken?quote:Op vrijdag 27 april 2012 20:11 schreef Neraice het volgende:
Misschien niet heel relevant in dit topic maar ik heb voor het eerst een theme in de verkoop gedaan waar ik stiekem best wel trots op ben
http://themeforest.net/item/summit-responsive-vcard-theme/2250095
Hij is niet IE7-proof.quote:Op vrijdag 27 april 2012 22:39 schreef Neraice het volgende:
Nee, met Skeleton Grid.
Hoefde ook niet echt een wow-factor te hebben. Het is m'n eerste theme, dus alles laten werkend was prioriteit nummer 1
Menu en alle content laadt in één keer (onder elkaar) in.quote:
heb zojuist wat zitten pielenquote:Op dinsdag 1 mei 2012 12:02 schreef KomtTijd... het volgende:
http://docs.jquery.com/UI/Effects
Ik zou zeggen blader zelf even.
1 2 3 4 5 | $("#effect").hide(); $("#blok").mouseenter (function () { $("#effect").show("slide", { direction: "down" }, 1000); }).mouseleave(function() { $("#effect").hide("slide", { direction: "down" }, 1000); |
wat je zegt kan wel eens kloppen..klinkt logisch...quote:Op dinsdag 1 mei 2012 15:54 schreef KomtTijd... het volgende:
Hoe bedoel je? Blijft hij de animatie herhalen?
Kan het misschien zo zijn dat #effect over #blok heen komt te liggen en daardoor de cursor niet meer op #blok staat als deze verschenen is?
volgens mij welquote:
je moet de click event bij de parent afvanggn en annuleren.quote:Op dinsdag 1 mei 2012 16:41 schreef KomtTijd... het volgende:
Ik heb hier weleens eerder problemen mee gehad.
Blijkt dat als je over een child heen muist, dat op de parent direct een onmouseout + onmouseover event plaatsvindt.
Denk dat je dit moet afvangen door misschien een korte vertraging in te bouwen ofzo.
Er stond in het vorige topic ook een stukje discussie over css pointer-events, misschien kun je daar wat mee (weet niet hoe dat ondersteund wordt in verschillende browsers)
Ik neem aan dat het hier alleen om mouseovers en mouseouts gaat, niet om clicks.quote:Op dinsdag 1 mei 2012 16:48 schreef stefanhaan het volgende:
[..]
je moet de click event bij de parent afvanggn en annuleren.
sorry dat bedoelde ik, had even haastquote:Op dinsdag 1 mei 2012 16:52 schreef KomtTijd... het volgende:
[..]
Ik neem aan dat het hier alleen om mouseovers en mouseouts gaat, niet om clicks.
Misschien niet helemaal volgens de topictitel maar kun je me een voorbeeldregeltje code geven hoe ik dat moet doen...jQuery is nog niet echt mijn vriendquote:Op dinsdag 1 mei 2012 17:04 schreef stefanhaan het volgende:
[..]
sorry dat bedoelde ik, had even haast
ik zit nu mobiel bij mijn vriendin. Dus kan het niet opzoeken. Moet je even op google zoeken "jQuery canceling event" iets in die trent dan vind je wel een voorbeeld.quote:Op dinsdag 1 mei 2012 17:12 schreef MrNiles het volgende:
[..]
Misschien niet helemaal volgens de topictitel maar kun je me een voorbeeldregeltje code geven hoe ik dat moet doen...jQuery is nog niet echt mijn vriend
Euh... Iedereen hier?quote:Op donderdag 3 mei 2012 23:23 schreef darkbuster het volgende:
Super topic!
op het moment ben ik bijna klaar met Css, ik heb XHTML al geleerd, hierna Javascript daarna HTML5, daarna PHP en daarna met MySQL databasen gaan werken! Iemand hier die dit allemaal al kan? :p
quote:Op donderdag 3 mei 2012 23:23 schreef darkbuster het volgende:
Super topic!
op het moment ben ik bijna klaar met Css, ik heb XHTML al geleerd, hierna Javascript daarna HTML5, daarna PHP en daarna met MySQL databasen gaan werken! Iemand hier die dit allemaal al kan? :p
1 2 3 4 5 6 7 8 9 10 11 | <html> <head> <title>Hier komt de titel</title> </head> <body> Hier komt de tekst </body> </html> |
ik meen mij te herinneren dat javascript geen toegang krijgt tot het clipboard uit veiligheids overwegingen in de meeste browsers?quote:Op vrijdag 4 mei 2012 10:28 schreef xSouL het volgende:
Hey mensen, ik zoek momenteel een script waarmee je tekst vanuit een textbox kunt kopiëren door op een button te klikken. Hij moet Cross-browser compatible zijn.
Heb deze hele ochtend al lopen zoeken, maar het verbaast hoeveel scripts hier van zijn en waar er bij elke script wel 1 of 2 browsers het niet doen.
Het is namelijk voor een nieuwe dienst waarin klanten een URL uit een textbox kunnen kopiëren.
Alvast thanks!
Als websites dat doen is het over het algemeen via flash, geloof ik...quote:Op vrijdag 4 mei 2012 10:55 schreef mschol het volgende:
[..]
ik meen mij te herinneren dat javascript geen toegang krijgt tot het clipboard uit veiligheids overwegingen in de meeste browsers?
quote:Op donderdag 3 mei 2012 23:23 schreef darkbuster het volgende:
Super topic!
op het moment ben ik bijna klaar met Css, ik heb XHTML al geleerd, hierna Javascript daarna HTML5, daarna PHP en daarna met MySQL databasen gaan werken! Iemand hier die dit allemaal al kan? :p
Ehm, nee?quote:Op vrijdag 4 mei 2012 13:29 schreef MrNiles het volgende:
om met css, 2 classes te voorzien van dezelfde styles dan is dit toch voldoende:
.class1 .class2 { float:left; }
korte antwoord is dat je 2 selectors moet scheiden met de komma. zou daarnaast toch alsnog de link van komttijd lezenquote:Op vrijdag 4 mei 2012 13:29 schreef MrNiles het volgende:
om met css, 2 classes te voorzien van dezelfde styles dan is dit toch voldoende:
.class1 .class2 { float:left; }
wat kan er fout gaan dat het niet werkt?
ik probeer .mosaic-block en .mosaic-block-large te combineren,
kan het fout gaan met de - en bijna gelijke namen
1 | <ins style="display:inline-table;border:none;height:600px;margin:0;padding:0;position:relative;visibility:visible;width:160px"><ins style="display:block;border:none;height:600px;margin:0;padding:0;position:relative;visibility:visible;width:160px" id="aswift_0_anchor"><iframe width="160" scrolling="no" height="600" frameborder="0" style="left:0;position:absolute;top:0;" name="aswift_0" id="aswift_0" vspace="0" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&&s.handlers,h=H&&H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&&d&&(!d.body||!d.body.firstChild)){if(h.call){i+='.call';setTimeout(h,0)}else if(h.match){i+='.nav';w.location.replace(h)}s.log&&s.log.push(i)}" marginheight="0" marginwidth="0" hspace="0" allowtransparency="true"></iframe></ins></ins> |
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 | $(function(){ $(".slider ul") .cycle({ prev: '.slider .controls .prev', next: '.slider .controls .next', timeout: 6000, pager: '.slider .controls .pages', pagerAnchorBuilder: pagerFactory, before: function(Ec, En, o, f) { var classTarget = $(Ec); var nextClassTarget = $(En); classTarget = classTarget.context.attributes.class.value; nextClassTarget = nextClassTarget.context.attributes.class.value; $('.slider .controls .' + classTarget).removeClass('selected'); $('.slider .controls .' + nextClassTarget).addClass('selected'); } }); // Pager Function function pagerFactory(idx, slide) { var selected = (idx == 0 ? 'selected' : null); return '<img src="img/slideshow/blank.gif" width="13" height="14" class="number '+ selected + ' ' + parseInt(idx+1)+'" />'; }; }); |
1 2 3 4 5 6 | classTarget = classTarget.context.attributes.id.value; classTarget = classTarget.replace('header',''); nextClassTarget = nextClassTarget.context.attributes.id.value; nextClassTarget = nextClassTarget.replace('header',''); $('.slider .controls .' + classTarget).removeClass('selected'); $('.slider .controls .' + nextClassTarget).addClass('selected'); |
Ja, 200 euro.quote:
Beetje triest gedoe hier, mensen kunnen elkaar tegenwoordig niet eens kosteloos even helpen oftewel iets gunnen.quote:
Jij vraagt een dienst op FOK!, dat is sowieso al verboden hier om te doen. Wie lacht er nu om wie?quote:Op woensdag 9 mei 2012 15:37 schreef Yuri_Boyka het volgende:
[..]
Beetje triest gedoe hier, mensen kunnen elkaar tegenwoordig niet eens kosteloos even helpen oftewel iets gunnen.
Ik lach om mensen zoals jou. Ver zul je niet komen op deze manier.
I gave it a try.
Ik lach om jou, want een dienst tegen betaling is verboden ja. Ik vraag om hulp, niet om een dienst. Zo'n code voor een CSS'er is a piece of cake aangezien het tot de basis behoort.quote:Op woensdag 9 mei 2012 15:41 schreef donroyco het volgende:
[..]
Jij vraagt een dienst op FOK!, dat is sowieso al verboden hier om te doen. Wie lacht er nu om wie?
Denk je dat iemand het hier gratis gaat doen? Voor jou tien betalende klanten.quote:Op woensdag 9 mei 2012 15:43 schreef Yuri_Boyka het volgende:
[..]
Ik lach om jou, want een dienst tegen betaling is verboden ja. Ik vraag om hulp, niet om een dienst. Zo'n code voor een CSS'er is a piece of cake aangezien het tot de basis behoort.
Als mijn vraag een dienst is dan had FOK! 30% van alle post minder.
als je met jQuery werkt, adviseer ik je alles in jQuery te doen. ook een class ophalen gaat dan wat makkelijkerquote:Op woensdag 9 mei 2012 00:09 schreef erikkll het volgende:
edit: en ik bedenk me nu dat het ook zo kan:
classTarget = classTarget.attr("class");
Maar ik vind bij nader inzien op ID selecteren beter.
Hulp = 'hoe doe ik het'quote:Op woensdag 9 mei 2012 15:43 schreef Yuri_Boyka het volgende:
[..]
Ik lach om jou, want een dienst tegen betaling is verboden ja. Ik vraag om hulp, niet om een dienst. Zo'n code voor een CSS'er is a piece of cake aangezien het tot de basis behoort.
Als mijn vraag een dienst is dan had FOK! 30% van alle post minder.
Alles staat er al in ik moet alleen dat oranje hebben.quote:Op woensdag 9 mei 2012 15:58 schreef stefan1218 het volgende:
dat ziet er gewoon uit als een div met een achtergrondje en wat text en plaatjes erin.
kijk hier eens http://www.w3schools.com/tags/tag_div.asp
Nee kijk. Die knoppen zijn er al incl. links en alles, het enige wat ik wil is dat het een oranje box krijgt zodat het opvalt en er dus meer gedeeld wordt.quote:Op woensdag 9 mei 2012 16:56 schreef stefan1218 het volgende:
ja maar dat "oranje ding" kan je niet zomaar kopieren.. hierin zou je alsnog de links naar facebook, twitter en hyves moeten maken kijk eens op https://developers.facebook.com als je dit ook voor hyves en twitter doet ben je klaar.
Gooi er een div omheen en geef die styling.quote:Op woensdag 9 mei 2012 16:58 schreef Yuri_Boyka het volgende:
[..]
Nee kijk. Die knoppen zijn er al incl. links en alles, het enige wat ik wil is dat het een oranje box krijgt zodat het opvalt en er dus meer gedeeld wordt.
Kijk hier kan ik wat mee.quote:Op woensdag 9 mei 2012 17:14 schreef boem-dikkie het volgende:
Pleur boven de eerste link:
<div id="box">
En na de laatste link </div>
div#box{
background-color: orange;
width: 500px;
height: 50px;
}
Klaaaar.
Welke plek?quote:Op woensdag 9 mei 2012 17:23 schreef boem-dikkie het volgende:
Het moet op een special plek in je style.css.
Total noob, my apologize.quote:Op woensdag 9 mei 2012 17:26 schreef boem-dikkie het volgende:
Je kunt het ook gewoon zelf proberen hè? Is niet heel lastig.
ik had de code dus niet geschreven he. Ik snap nooit ene bal van javascript. Meestal figelier ik gewoon wat en dan komt uit eindelijk alles goed.quote:Op woensdag 9 mei 2012 15:44 schreef Catch22- het volgende:
[..]
als je met jQuery werkt, adviseer ik je alles in jQuery te doen. ook een class ophalen gaat dan wat makkelijker
Ik geef het op.quote:Op woensdag 9 mei 2012 17:29 schreef boem-dikkie het volgende:
Je snapt dat het in de style.css komt, probeer het zou ik zeggen.
dit gaat op je website op de pagina van bestelling gelukt oidquote:
Ja maar ik heb geprobeerd dat in de stylesheet.css te doen maar het reageert niet.quote:Op woensdag 9 mei 2012 19:37 schreef stefan1218 het volgende:
[..]
dit gaat op je website op de pagina van bestelling gelukt oid
<div id="box">
En na de laatste link </div>
dit gooi je gewoon in je css
div#box{
background-color: orange;
width: 500px;
height: 50px;
}
Je hebt het dikgedrukte vergeten.quote:Op woensdag 9 mei 2012 17:14 schreef boem-dikkie het volgende:
Pleur boven de eerste link:
<div id="box">
En na de laatste link </div>
div#box{
background-color: orange;
width: 500px;
height: 50px;
}
Klaaaar.
Al gedaan maar werkt niet. Boem-dikkie kijkt er nu naar.quote:
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Toch bedankt!If not now, then when.
Waar heb je de code vandaan om dit te regelen? Ik wil wel even kijken, maar dan moet ik wel de code zienquote:Op woensdag 9 mei 2012 23:04 schreef Yuri_Boyka het volgende:
Een ander vraagje.
Als ik nu de like knop indruk dan krijg ik een preview te zien met een foto erbij en wat tekst. Nu is het zo dat die foto die daar staat, dat dat product al lang niet meer op de webshop te zien is (was voorbeeld product) en ik dat daar weg wil hebben want het is totaal niet relevant met mijn producten. Dus wat ik wil is die foto helemaal weg of gewoon een andere foto.
Hoe kan ik dit regelen?
[ afbeelding ]
en wat probeer je nu? Dat er een div uitschuift aan de bovenkant?quote:Op woensdag 9 mei 2012 23:48 schreef Mirel het volgende:
[ afbeelding ]
Ik probeer dit te doen bij http://filmdepartment.nl/v2/?page_id=61&paged=2 maar het wil niet lukken. Ik heb:
• de wrapper code in de bestaande content_wrapper div gedaan
• zelf een wrapper div om alle content behalve de footer gedaan (dus ook de togglebox die je met het lintje tevoorschijn kan halen)
• de wrapper div om de gewone content heen gedaan, maar zonder de togglebox
Met de footer ook.
• de footercode op de bestaande footer_wrapper geprobeerd
• de footercode in een nieuwe footer_wrapper gedaan die om de ouwe heen komt
Heb ook een andere variant geprobeerd waarbij er een lege div boven de footer geplaatst wordt met de naam push. Zover ik weet zet ik de code gewoon op de juiste plekken neer.. komt het door die togglebox?
dus DW footer altijd aan de onderkant van de pagina?quote:Op donderdag 10 mei 2012 10:47 schreef Mirel het volgende:
De footerdiv naar beneden drukken. Bij pagina's met weinig content zit 'ie dus in het midden van het scherm. Ik zet de code gewoon op de juiste plekken, maar hij reageert er niet op. Ik kan ook niet zoals in het voorbeeld alle content behalve de footer in een aparte wrapper zetten, omdat een deel van die content in die togglebox zit.
Het is het allerlaatste aan deze website voordat ik er klaar mee ben
Ja, gewoon in Div's de site opbouwen met 100% breedte, de telefoon schaalt hem dan dacht ik zo.quote:Op woensdag 9 mei 2012 19:09 schreef MrNiles het volgende:
hoe kun je het beste een mobiele site maken.
Maak je m op 100% breedte en laat het mobiele apparaat zelf schalen
of
zet je alles in een wrapper met de pixel-breedte die je wil hebben
of
.......
goede slideshowquote:Op donderdag 10 mei 2012 10:57 schreef xSouL het volgende:
[..]
Ja, gewoon in Div's de site opbouwen met 100% breedte, de telefoon schaalt hem dan dacht ik zo.
Paar dingen om op te letten, hier een handige link:
http://www.slideshare.net(...)g-for-the-mobile-web
Die div structuur heeft de template zelf niet, en die zet ik dan erbij. Het is togglebox - header - content - footer. Volgens de vele tutorials moet ik alles behalve de footer in een wrapper zetten. Op het moment dat ik de togglebox - header - content in een wrapper doe, gaat de layout naar de knoppen. Zonder togglebox in de wrapper gebeurt er ook niks.quote:Op donderdag 10 mei 2012 10:50 schreef stefanhaan het volgende:
[..]
dus DW footer altijd aan de onderkant van de pagina?
Dat moet je met CSS doen is een bepaalde div structuur en een paar regeltjes. Even googelen en je hebt het zo gevonde.
Waarom werkt het wel als ik het doe dan?quote:Op donderdag 10 mei 2012 11:39 schreef Mirel het volgende:
[..]
Die div structuur heeft de template zelf niet, en die zet ik dan erbij. Het is togglebox - header - content - footer. Volgens de vele tutorials moet ik alles behalve de footer in een wrapper zetten. Op het moment dat ik de togglebox - header - content in een wrapper doe, gaat de layout naar de knoppen. Zonder togglebox in de wrapper gebeurt er ook niks.
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 58 59 60 61 | <?php <html> <head> <script type="text/javascript"> <!-- function holdUp() { refreshFreq=1; setTimeout("freshPic()", refreshFreq*1000); } function freshPic() { var currentPathCam1=document.campic1.src; var currentPathCam2=document.campic2.src; var currentPathCam3=document.campic3.src; var currentPathCam4=document.campic4.src; var trimmedPath1=new Array(); var trimmedPath2=new Array(); var trimmedPath3=new Array(); var trimmedPath4=new Array(); trimmedPath1=currentPathCam1.split("?"); trimmedPath2=currentPathCam2.split("?"); trimmedPath3=currentPathCam3.split("?"); trimmedPath4=currentPathCam4.split("?"); var ts = Date.now(); document.campic1.src = currentPathCam1 + "?" + ts; document.campic2.src = currentPathCam2 + "?" + ts; document.campic3.src = currentPathCam3 + "?" + ts; document.campic4.src = currentPathCam4 + "?" + ts; holdUp(); } // --> </script> </head> <body onLoad="holdUp()"> <p> <img src="http://xxx/jpg/image.jpg" width="480" height="360" name="campic1" /> <img src="http://xxx/jpg/image.jpg" width="480" height="360" name="campic2" /> </p> <p> <img src="http://xxx/jpg/image.jpg" width="480" height="360" name="campic3" /> <img src="http://xxx/jpg/image.jpg" width="480" height="360" name="campic4" /> </p> <p></p> </body> </html> ?> |
Ja ik zie nu dat ie steeds de timestamp erachter gooit, zodat er na een tijdje een heeeeele lange url ontstaatquote:
En als je naar je code kijkt, waar zou dat dan aan liggen denk je?quote:Op vrijdag 11 mei 2012 14:07 schreef henrivo het volgende:
[..]
Ja ik zie nu dat ie steeds de timestamp erachter gooit, zodat er na een tijdje een heeeeele lange url ontstaat
Mag ik dan vragen hoe je het voor elkaar gekregen hebt? Ik heb meerdere tuts gedaan zonder succes..quote:Op vrijdag 11 mei 2012 14:16 schreef KomtTijd... het volgende:
Zeg, mensen. Een forum is een open discussieplatform. Een vraag stellen en vervolgens iedereen PM/DM'en om een oplossing los te peuteren heeft iig bij mij weinig zin.
^^Mag ook wel in de OP wat mij betreft
ik heb *exact* gedaan wat in dat plaatje staat wat je post.quote:Op vrijdag 11 mei 2012 14:29 schreef Mirel het volgende:
[..]
Mag ik dan vragen hoe je het voor elkaar gekregen hebt? Ik heb meerdere tuts gedaan zonder succes..
Ik heb het nu zo gedaan:quote:Op vrijdag 11 mei 2012 14:18 schreef KomtTijd... het volgende:
[..]
En als je naar je code kijkt, waar zou dat dan aan liggen denk je?
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 | <?php <html> <head> <script type="text/javascript"> <!-- function holdUp() { refreshFreq=1; setTimeout("freshPic()", refreshFreq*1000); } function freshPic() { var currentPath1=document.campic1.src; var currentPath2=document.campic2.src; var currentPath3=document.campic3.src; var currentPath4=document.campic4.src; var trimmedPath1=new Array(); var trimmedPath2=new Array(); var trimmedPath3=new Array(); var trimmedPath4=new Array(); trimmedPath1=currentPath1.split("?"); trimmedPath2=currentPath2.split("?"); trimmedPath3=currentPath3.split("?"); trimmedPath4=currentPath4.split("?"); document.campic1.src = trimmedPath1[0] + "?" + Math.round(+new Date()); document.campic2.src = trimmedPath2[0] + "?" + Math.round(+new Date()); document.campic3.src = trimmedPath3[0] + "?" + Math.round(+new Date()); document.campic4.src = trimmedPath4[0] + "?" + Math.round(+new Date()); holdUp(); } // --> </script> </head> <body onLoad="holdUp()"> <p> <img data-src="http://xxx/jpg/image.jpg" style="visibility:hidden;" width="640" height="480" name="campic1" /> <img src="http://xxx/jpg/image.jpg" width="640" height="480" name="campic2" /> <img src="http://xxx/jpg/image.jpg" width="640" height="480" name="campic3" /> <img src="http://xxx/jpg/image.jpg" width="640" height="480" name="campic4" /> </p> </body> </html> ?> |
gewoon !important zetten bij wat voorrang heeft.quote:Op maandag 21 mei 2012 09:18 schreef MrNiles het volgende:
Er zijn ongetwijfeld "voorrangsregels" in een css file,
welke regels code hebben voorrang op de andere als je ze dubbel gebruikt.
Waar kan ik hierover iets vinden?
Iemand een goede, heldere site aan te bevelen?
!quote:Op maandag 21 mei 2012 09:19 schreef stefanhaan het volgende:
[..]
gewoon !important zetten bij wat voorrang heeft.
google op "css specificity"quote:Op maandag 21 mei 2012 09:18 schreef MrNiles het volgende:
Er zijn ongetwijfeld "voorrangsregels" in een css file,
welke regels code hebben voorrang op de andere als je ze dubbel gebruikt.
Waar kan ik hierover iets vinden?
Iemand een goede, heldere site aan te bevelen?
ander vraagje daarover..quote:Op maandag 21 mei 2012 09:21 schreef boem-dikkie het volgende:
Ugh. Gebruik alsjeblieft niet !important.
Probeer je elementen zo specifiek mogelijk te benamen en combineer regels waar dat kan.
.quote:
Je moet iig voorkomen dat je een wildgroei krijgt met specifieke classnames voor vrijwel iedere mogelijke css style, en divs als <div class="roundbot bold 2px topbarcolor">quote:Op maandag 21 mei 2012 09:46 schreef boem-dikkie het volgende:
Ja, je kunt meerdere classes aan een div hangen, zie je wel vaker gebeuren. Handig om bepaalde elementen die vrijwel hetzelfde zijn toch een iets specifiekere regel mee te geven.
Klopt, dat moet je ook zeker niet doen. Maar een keer of twee kan geen kwaad, als je twee specifieke regels wil toevoegen zonder dat je een aparte class aanmaakt waar die dingen gecombineerd worden. Dan krijg je namelijk ook wildgroei door allerlei combinatie classes waar praktisch hetzelfde instaat als wat andere classes ook al meekrijgen.quote:Op maandag 21 mei 2012 09:53 schreef KomtTijd... het volgende:
[..]
Je moet iig voorkomen dat je een wildgroei krijgt met specifieke classnames voor vrijwel iedere mogelijke css style, en divs als <div class="roundbot bold 2px topbarcolor">
Echt gebruik dan gewoon weer inline-styles ofzo
Dat vroeg ik me laatst eigenlijk ook af idd. Met JqueryUI kan je idd allerlei classes meegegeven voor styling enzo. Maar dan ga je veel meer richting inline styles door daar te bepalen hoe iets eruit moet komen te zien.quote:Op maandag 21 mei 2012 09:53 schreef KomtTijd... het volgende:
[..]
Je moet iig voorkomen dat je een wildgroei krijgt met specifieke classnames voor vrijwel iedere mogelijke css style, en divs als <div class="roundbot bold 2px topbarcolor">
Echt gebruik dan gewoon weer inline-styles ofzo
Via http://www.cssoptimiser.com kun je makkelijk nagaan welke classes de zelfde stijlregels meekrijgen, op basis daarvan kun je die classes hergebruiken in meerdere elementen.quote:Op maandag 21 mei 2012 10:45 schreef KomtTijd... het volgende:
Zijn er eigenlijk geen HTML/CSS optimizers die automatisch de beste class-indeling maken? Beetje like de JS-minifyers enzo?
Nog een stapje verder is om een CSS approach te kiezen die lange tijd meekan. Iets als smacss bijvoorbeeld. Niet in alle punten super, maar als basis wel een fijne approach om wat cherry picking uit te doen. Denk dat je uiteindelijk meer baat het bij een gestructureerde aanpak, dan discussies over css issues die volgen uit een semi-willekeurige aanpak en de daaruit volgende problematiek.quote:Op maandag 21 mei 2012 10:28 schreef ursel het volgende:
[..]
Dat vroeg ik me laatst eigenlijk ook af idd. Met JqueryUI kan je idd allerlei classes meegegeven voor styling enzo. Maar dan ga je veel meer richting inline styles door daar te bepalen hoe iets eruit moet komen te zien.
Zou het zelf meer zoeken in de richting van Sass of Less, mocht je zaken niet dubbelop willen uitvoeren.
Ik doelde meer op een tool die je CSS optimaliseert voor rendersnelheid, inclusief de selectors die je gebruikt.quote:Op maandag 21 mei 2012 11:05 schreef BBQSausage het volgende:
[..]
Via http://www.cssoptimiser.com kun je makkelijk nagaan welke classes de zelfde stijlregels meekrijgen, op basis daarvan kun je die classes hergebruiken in meerdere elementen.
goeie stof idd. *bookmarkt*quote:Op maandag 21 mei 2012 22:17 schreef Roönaän het volgende:
[..]
Nog een stapje verder is om een CSS approach te kiezen die lange tijd meekan. Iets als smacss bijvoorbeeld. Niet in alle punten super, maar als basis wel een fijne approach om wat cherry picking uit te doen. Denk dat je uiteindelijk meer baat het bij een gestructureerde aanpak, dan discussies over css issues die volgen uit een semi-willekeurige aanpak en de daaruit volgende problematiek.
Lolwut?quote:Op woensdag 23 mei 2012 17:27 schreef Yuri_Boyka het volgende:
Het lijkt erop dat het met die cufon te maken heeft, alleen weet ik niet waar ik dat moet aanpassen.
Zoals ik het zie staat de tekst van het bovenste plaatje in een cufon en de tekst van het onderste plaatje niet.
[ afbeelding ]
Ja snap er zelf ook niet veel van. In ieder geval, het bovenste "Snelle afhandeling" staat in een bepaalde font(code) en het onderste "Stenen informatie" is een normale font.quote:
quote:
1 2 3 4 5 6 | .product-view .product-shop .static-links .delivery-image{ background:url(../images/delivery_icon.gif) no-repeat left center; padding-left:65px; margin-bottom:10px; height:57px; } .product-view .product-shop .static-links .delivery-image .title{ font-size:20px; color:#444;} .product-view .product-shop .static-links .size-guide{ background:url(../images/size_guide_icon.gif) no-repeat left center; padding-left:65px; height:57px; } .product-view .product-shop .static-links .size-guide .title{ font-size:20px; color:#444;} .product-view .product-shop .static-links .stone-help{ background:url(../images/stone_help_icon.gif) no-repeat left center; padding-left:65px; height:57px; } .product-view .product-shop .static-links .stone-help .title{ font-size:20px; color:#444;} |
Dat weet ik jong, ik moest dat er in ieder geval neerzetten zodat hij het plaatje zou weergeven met tekst enzo. Maar hoe krijg ik die font nou goed dan? Ik heb een HTML bestand nodig dus?quote:
quote:
Dafuq did I just read.quote:Op zaterdag 26 mei 2012 00:05 schreef sgcr het volgende:
Hoi
Is het mogenlijk om telkens als je een webpagina bezoekt een plaatje anders bijv. keuze uit 10 plaatjes.
gr.
sgcr
quote:Op zaterdag 26 mei 2012 00:05 schreef sgcr het volgende:
Hoi
Is het mogenlijk om telkens als je een webpagina bezoekt een plaatje anders bijv. keuze uit 10 plaatjes.
gr.
sgcr
Check z'n posthistory maar eens, dit valt nog mee.quote:
Zoals bij de headers hier, op iedere pagina? Nee, dat is niet mogelijk.quote:Op zaterdag 26 mei 2012 00:05 schreef sgcr het volgende:
Hoi
Is het mogenlijk om telkens als je een webpagina bezoekt een plaatje anders bijv. keuze uit 10 plaatjes.
gr.
sgcr
Bijna goed, ik begrijp wat je bedoelt.quote:Op zaterdag 26 mei 2012 00:05 schreef sgcr het volgende:
Hoi
Is het mogelijk om telkens als je een webpagina bezoekt een ander plaatje te hebben. keuze uit 10 plaatjes.
gr.
sgcr
1 2 3 4 | <?php $plaatjenr = rand(0, 10); Echo "<img src='img/plaatjes".$plaatjenr.".jpg' alt='plaatjes".$plaatjenr." ' />"; ?> |
quote:Op zaterdag 26 mei 2012 09:57 schreef Light het volgende:
[..]
Zoals bij de headers hier, op iedere pagina? Nee, dat is niet mogelijk.
zit niet zo te trollenquote:
Aan de postgeschiedenis van sgcr te zien is hij zelf een troll.quote:
Gewoon een zolder nerd met een autisme aspect. niks bijzonders.quote:Op zaterdag 26 mei 2012 10:03 schreef Light het volgende:
[..]
Aan de postgeschiedenis van sgcr te zien is hij zelf een troll.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |