[TYPO3-UG Dutch] same FCE different css styles
Martijn Wijmer [Netcreators]
martijn at netcreators.com
Tue Feb 8 14:14:49 CET 2011
Ik zou de styling zeker niet inline in de html zetten. Borders via
styling werkt trouwens heel mooi in FF, maar IE zal er wat minder fraai
mee omgaan ben ik bang.
En zijn veel fraaiere oplossingen die cross-browser ook goed werken:
http://www.smileycat.com/miaow/archives/000044.php
Lees de oplossing van CASS-Hacks maar eens, hele duidelijke uitleg.
Op 8-2-2011 14:02, HocomAdvies [ Wiechert Hooghwinkel ] schreef:
> Eigenlijk eenvoudig(als je het weet), alhoewel het er dan wel wat rafelig uitziet. Ik heb nu met
>
> .style{
> -webkit-border-radius: 10px;
> -moz-border-radius: 10px;
> border-radius: 10px;
> box-shadow: 2px 2px 5px #888;
> -webkit-box-shadow: 2px 2px 5px #888;
> -moz-box-shadow: 2px 2px 5px #888;
> }
>
> De hoeken gedaan dan ziet het er wel erg mooi uit (in FF en SF). Nog even verder stoeien.
>
> Bedankt.
>
> Wiechert Hooghwinkel
>
>
> Zou dit ook in een html wrap meegenomen kunnen worden. Of ben ik nu wel erg enthousiast aan het worden?
> Op 8 feb 2011, om 13:35 heeft Martijn Wijmer [Netcreators] het volgende geschreven:
>
>> De truuk zijn een 4-tal spans (zowel onder als boven de content div) die via oplopende margins de ronde hoeken creëren.
>>
>> <span class="rGline1"></span>
>> <span class="rGline2"></span>
>> <span class="rGline3"></span>
>> <span class="rGline4"></span>
>>
>> Margins lopen van 5px tot 1px, bij een hoogte van 1px.
>>
>> je zult dus de fce waarschijnlijk moeten uitbreiden met de spans en de correcte styling hierop doen.
>>
>>
>> Op 8-2-2011 13:20, HocomAdvies [ Wiechert Hooghwinkel ] schreef:
>>> Hallo,
>>>
>>> Om een site lay-out wat meer te stylen ben ik aan het stoeien met FCE voor indeling en opmaak.
>>> Op http://www.cdu-bergneustadt.de/index.php?id=15&L=1 is mooi te zien (wellicht onbedoeld?) hoe FCE te gebruiken zijn op basis van Yaml template.
>>> Nu ben ik wat verder gaan stoeien met FCE en layout. Ben nu zover dat ik een wrapper heb waarmee een class. kan worden toegepast op een FCE.
>>> Als test heb ik dan een FCE in die wrap geplaats met css opmaak voor ronde hoeken en schaduw. Kijk ik echter naar de voorbeelden op de cdu site dan zie ik geen css styling voor ronde hoeken middels een class? Is hier nog iets met TS gedaan?
>>> Hierbij denk ik aan de rode, gele, blauwe round box op bovengenoemde site (zie die hoeken niet in de css terug? en worden in zowel FF als IE goed getoond, bij mijn css dus niet:). Wat is de trick?
>>>
>>>
>>> Met vriendelijke groeten,
>>> HocomAdvies
>>>
>>> Wiechert Hooghwinkel
>>> _______________________________________________
>>> TYPO3-UG-Dutch mailing list
>>> TYPO3-UG-Dutch at lists.typo3.org
>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-dutch
>> --
>> Met vriendelijke groet,
>>
>> Martijn Wijmer
>> Designer
>> +31(0)26 - 442 19 50
>>
>> ------------------------------------------------------------------------
>> Open Source, Open Minds, Open People
>> ------------------------------------------------------------------------
>>
>> Netcreators BV
>> www.netcreators.com
>>
>> _______________________________________________
>> TYPO3-UG-Dutch mailing list
>> TYPO3-UG-Dutch at lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-dutch
> _______________________________________________
> TYPO3-UG-Dutch mailing list
> TYPO3-UG-Dutch at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-dutch
--
Met vriendelijke groet,
Martijn Wijmer
Designer
+31(0)26 - 442 19 50
------------------------------------------------------------------------
Open Source, Open Minds, Open People
------------------------------------------------------------------------
Netcreators BV
www.netcreators.com
More information about the TYPO3-UG-Dutch
mailing list