abonnement bol.com Unibet Coolblue
pi_98546469
No more linkjes.

[ Bericht 98% gewijzigd door RenRen- op 23-06-2011 11:52:41 ]
  donderdag 23 juni 2011 @ 11:20:12 #2
84244 Scorpie
Abject en infaam!
pi_98546482
Sorry. Kusje? :*
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_98546487
Ik open zelf maar even een nieuwe. Echt alleen javascript? Da's kut, dan moet ik echt een nieuwe pagina aanmaken voor hetzelfde artikel. Bedankt voor het opzoeken though O+
pi_98546494
quote:
10s.gif Op donderdag 23 juni 2011 11:20 schreef Scorpie het volgende:
Sorry. Kusje? :*
Ja ik ben nu vet boos. Hoowr.
:*
  donderdag 23 juni 2011 @ 11:21:53 #5
84244 Scorpie
Abject en infaam!
pi_98546523
quote:
0s.gif Op donderdag 23 juni 2011 11:20 schreef RenRen- het volgende:
Ik open zelf maar even een nieuwe. Echt alleen javascript? Da's kut, dan moet ik echt een nieuwe pagina aanmaken voor hetzelfde artikel. Bedankt voor het opzoeken though O+
Een nieuwe pagina? Waarom?
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_98546610
quote:
5s.gif Op donderdag 23 juni 2011 11:21 schreef Scorpie het volgende:

[..]

Een nieuwe pagina? Waarom?
Ik zit te werken in Joomla..
En echt niet omdat ik het zo fijn vind werken, het moet.

En daar heb je in een artikel de optie "Lees meer", alleen als ik dat selecteer, krijg je alleen de tekst VANAF de lees meer, dus niet de intro, en moet ik een andere optie gaan zoeken. En aangezien ik lastig in de html kan gaan kutten omdat de hele layout dan dood gaat, en javascript nog weleens opgeslokt wordt door Joomla, hoopte ik op een manier met CSS. Maar nu moet ik dus de introtekst op pagina 1, en de gehele tekst op pagina 2. :')!
pi_98547224
Dat lijstje met topics in de OP, dat kan er wel uit. En de TT, zullen we daar een keer [HTML/CSS] van maken?
pi_98547601
quote:
5s.gif Op donderdag 23 juni 2011 11:43 schreef KomtTijd... het volgende:
Dat lijstje met topics in de OP, dat kan er wel uit. En de TT, zullen we daar een keer [HTML/CSS] van maken?
Die moet je denk ik even in de FB posten, linkjes haal ik er wel uit :)
(Gewoon omdat het niet mijn subforum is)
pi_98550693
is er een mogelijkheid om letters een willekeurige kleur te geven
en dan ook elke letter een andere kleur?
of laten kiezen uit bepaalde kleuren?
pi_98551108
quote:
0s.gif Op donderdag 23 juni 2011 13:15 schreef MrNiles het volgende:
is er een mogelijkheid om letters een willekeurige kleur te geven
en dan ook elke letter een andere kleur?
of laten kiezen uit bepaalde kleuren?
Kun je 'm niet vinden?
[Javascript] voor dummies (deel 11)
pi_98551673
quote:
0s.gif Op donderdag 23 juni 2011 13:25 schreef KomtTijd... het volgende:

[..]

Kun je 'm niet vinden?
[Javascript] voor dummies (deel 11)
nee nee...dat is gelukt
dit is toch iets anders
ik wil nu graag in 1 vd 2 css files dat de LETTERS een random kleur krijgen
elke letter een andere kleur ook nog

de vraag is of dat automatisch kan met een code in css...of toch js misschien
het is maar voor 12 woorden (menu) maar toch...tis een klote werk en als het auto kan
pi_98551829
Nee, dat moet je scripten.
Of je moet iedere letter in een eigen span met classname zetten en iedere class een aparte kleur geven in je css. Maar dan nog zijn de kleuren dus niet random.
pi_98560462
Als het toch maar twaaf woorden zijn zou ik het gewoon allemaal aparte span's geven. En kleuren zou je toch wel kunnen randomizen op een bepaalde manier? Ik zou het sowieso al niet doen overigens :P. Maar als je het voor die ene keer gaat string replace of een functie gaat schrijven dan kost het alleen maar denkkracht, voor die paar tekentjes extra.
pi_98560740
twaalf woorden zijn al snel een letter of 100.
100x <span class='color1'>a</span>, je moet het maar in je code willen hebben...
pi_98560815
quote:
0s.gif Op donderdag 23 juni 2011 13:41 schreef KomtTijd... het volgende:
Nee, dat moet je scripten.
Of je moet iedere letter in een eigen span met classname zetten en iedere class een aparte kleur geven in je css. Maar dan nog zijn de kleuren dus niet random.
Lettering.js doet dat automagisch voor je, om iedere letter een class zetten. Uiteraard ga je dat niet handmatig of in serverside-code zitten doen. Met wat CSS3 kun je zo heel makkelijk een kleurencombinatie maken die er random uit ziet.
Bleuh.
pi_98560897
quote:
0s.gif Op donderdag 23 juni 2011 16:50 schreef PimD het volgende:

[..]

Lettering.js doet dat automagisch voor je, om iedere letter een class zetten. Uiteraard ga je dat niet handmatig of in serverside-code zitten doen. Met wat CSS3 kun je zo heel makkelijk een kleurencombinatie maken die er random uit ziet.
Dat zeg ik ;)
pi_98561582
Ja, maar een linkje naar een kant-en-klaar tooltje is wel zo handig toch? Ik zou in ieder geval waarschijnlijk een paar uur bezig zijn om zoiets zelf te scripten hoor :D - Maar ik ben dan ook geen Javascript-held.
Bleuh.
pi_98561863
Vandaag trouwens bezig geweest met het positioneren van elementen die buiten de viewport kunnen vallen, indien deze te klein is. Het gaat om afbeeldingen die buiten de algemene container van de website staan, maar dus niet voor een horizontale scrollbar mogen zorgen. Nog een heel teringwerk geweest om iets te bedenken dat goed werkt, maar denk dat ik inmiddels een heel eind ben.

In eerste instantie dacht ik "absoluut positioneren, klaarrrrrr" - maar dat werkt natuurlijk alleen als de afbeeldingen naan de linkerkant buiten de viewport staan. Aan de rechterkant zorgt dit (logisch) natuurlijk voor een scrollbalk.

Voordat iemand zegt "media-queries!" - dat is m.i. geen mogelijkheid omdat het ook zonder Javascript moet werken in oudere browsers. Hopelijk morgen afronden :)
Bleuh.
pi_98598929
quote:
0s.gif Op donderdag 23 juni 2011 16:50 schreef PimD het volgende:

[..]

Lettering.js doet dat automagisch voor je, om iedere letter een class zetten. Uiteraard ga je dat niet handmatig of in serverside-code zitten doen. Met wat CSS3 kun je zo heel makkelijk een kleurencombinatie maken die er random uit ziet.
ziet er goed uit
weet alleen helemaal niet hoe dat jQuery werkt
wat ik dan weer minder vindt is dat de volgorde van de kleuren overal gelijk zijn
misschien is dat wel aan te passen maar ik zie niet hoe
pi_98599455
quote:
0s.gif Op vrijdag 24 juni 2011 11:50 schreef MrNiles het volgende:

[..]

ziet er goed uit
weet alleen helemaal niet hoe dat jQuery werkt
wat ik dan weer minder vindt is dat de volgorde van de kleuren overal gelijk zijn
misschien is dat wel aan te passen maar ik zie niet hoe
Kijk naar het voorbeeld en de CSS die in de HTML zit:
1
2
3
4
5
6
7
8
9
10
#demo2 .word2,
        .line2 { color: orange; }
        .char3,
        .word3,
        .line3 { color: yellow; }
        .char4,
        .line4 { color: blue; }
        .char5 { color: green; }
        .char6 { color: indigo; }
        .char7 { color: violet; }
Je kan dus zelf de kleuren per letter bepalen.
Als je het voor een woord van 100 letters doet is het wel veel werk maar het is dus te manipuleren.

jQuery instap;
http://docs.jquery.com/Tutorials:How_jQuery_Works
pi_98600694
quote:
7s.gif Op vrijdag 24 juni 2011 12:04 schreef DaFan het volgende:

[..]

Kijk naar het voorbeeld en de CSS die in de HTML zit:

[ code verwijderd ]

Je kan dus zelf de kleuren per letter bepalen.
Als je het voor een woord van 100 letters doet is het wel veel werk maar het is dus te manipuleren.

jQuery instap;
http://docs.jquery.com/Tutorials:How_jQuery_Works
maar dan kan ik net zo goed alle letters apart een span class meegeven
ziet er alleen uit al een h**r maar werkt zelfde en misschien nog wel sneller klaar
misschien voor elk woord ff een include met php doen..dan ziet het er iets overzichtelijker uit
pi_98602752
quote:
0s.gif Op vrijdag 24 juni 2011 12:38 schreef MrNiles het volgende:

[..]

maar dan kan ik net zo goed alle letters apart een span class meegeven
ziet er alleen uit al een h**r maar werkt zelfde en misschien nog wel sneller klaar
misschien voor elk woord ff een include met php doen..dan ziet het er iets overzichtelijker uit
Als je het maar 1x gebruikt, denk het wel ja. Het ziet er idd niet uit.
Voor zover ik kan zien, is het enige wat lettering voor je doet (wat jij wil) is er spans omheen zetten.
  vrijdag 24 juni 2011 @ 16:37:10 #23
230788 n8n
Pragmatisch
pi_98612574
Zag in het vorige topic dat de style-informatie werd gewijzigd om het een en ander wel of niet zichtbaar te maken. Tests wijzen uit dat het sneller is om de naam van de class te beïnvloeden in plaats van de declaratie.

Begint ook steeds meer op een front-end topic te lijken, waar html, css en js-vragen allen voorbij komen. Wellicht tijd om dit topic daar naar te noemen, met het javascript topic als backup om specifieke coding-problemen voor te leggen.

edit: heb het in FB voorgelegd: Het grote Digital Corner FB topic

[ Bericht 19% gewijzigd door n8n op 24-06-2011 16:45:08 ]
Specialization is for insects”.—Robert Heinlein
pi_98651970
Hullo weer.

Ik ben nu eindelijk weer voor mezelf bezig :') Ongeveer dan, en daar heb ik weereens een vraag over.

Ik heb een menu, die is 44px hoog, waarin menu-items staan, die zijn wat kleiner. Bij de hover en de active wil ik dat er een afbeelding te zien is. Het probleem is echter dat die wat hoger is dan de items, en nu dus afgesneden wordt naar 12px. Ik heb de menu a, menu ul a, menu ul en menu ul li, ennnn #menu ul li a:hover geprobeerd hoger te maken, maar mijn afbeelding komt steeds niet goed naar voren, hoe krijg ik dit voor elkaar?

Als je een linkje nodig hebt, kun je DM'en.

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
#menu{
    height:44px;
    width:900px;
    background-image:url('');
    font-size:13px;
    background-repeat:repeat-x;
line-height:43px;

}

#menu ul{
    color:#fff;
}

#menu ul li{
    display: inline;
    margin-right:40px;

}

#menu ul li a{
    text-decoration: none;
    color:#fff;

}

#menu ul li a:hover{
    color:#1a4477;
    background-image:url();
    background-position:center;
    background-repeat:no-repeat;

}
  zaterdag 25 juni 2011 @ 18:15:09 #25
230788 n8n
Pragmatisch
pi_98652232
de <a> display:block maken en de gewenste hoogte of een verticale padding geven. Als het dan werkt is het opgeven van de hoogte voor het menu ook niet meer nodig omdat deze dan de geneste elementen omsluit (toegevoegde waarde voor wie alleen tekst laat schalen).

Ziet er overigens naar uit dat je het <nav> element nodig hebt, <menu> is om opties/wijzigingen binnen een website/applicatie.
Specialization is for insects”.—Robert Heinlein
abonnement bol.com Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')