Thanks for you help, i doesn't know this technique but i do same thing (i think) overriding stylesheets by the Xwiki.XWikiSkins class...
When i say "from scratch" i heard "in darkness with firebug without knowing the tree of stylesheets and their roles". I would love to have a map of " XWikiskins / toucan / albatross skin ", perhaps because i'm not the real developper's profile, and because i think it could help me to save lot of time!! What you explain is not really what i want to do, even if its just an example. Our goal for now, is to use xwiki for our website too, like http://www.xwiki.com http://www.xwiki.com , it seems not really difficult if i have more documentation, but a real puzzle without. Niels Mayer wrote: > > On Tue, Mar 17, 2009 at 10:49 AM, Remi > <remi.pierr...@conseiltechno.com>wrote: > >> It's very very difficult to understand css and vm architecture of toucan >> skin from scratch.. >> > > I don't know if it's worth understanding from scratch. > > What about "understanding" it from firebug, in firefox, on a working xwiki > page. This includes changing the stylesheet live to make it look like you > want it to. Once you've got some things working, figure out how to make > your > settings work as !override forms in a standalone CSS file. > > Then just go to Administrate Wiki->Presentation, andadd the following to > "HTTP Meta Information": > > <link rel="stylesheet" > href="$xwiki.getURL("Macros.MyStyleOverride","view","xpage=plain")" > type="text/css" /> > > The above will override for the whole site. To be safe, I suggest trying > out > stylesheet override changes on a specific space where you can do > experiments > w/o messing up the site for everybody else. This is done by using > Administrate Space->Presentation->"HTTP Meta Information" > > Once you've decided the location, create a stylesheet as a document called > for example, Macros.MyStyleOverride > >> $response.setContentType("text/css") >> {pre} > > /* place all overrides to default stylesheet here */ >> /* example: .rssfeed >> {border:0px!important;padding:0px!important;width:100%!important;} */ >> {/pre} > > (suggest starting out with an empty Macros.MyStyleOverride then adding new > styles individually, and shift-reloading to force all the stylesheets to > reload on each test). > > Of course I haven't tried the above yet, other than for a different > example > that uses the same technique/hack but locally rather than globally... but > I > plan to do this some more soon. > ......................... > > Date: Mon, 16 Mar 2009 18:04:07 -0700 > Subject: generalizing Radeox RSS:FEED macro in Xwiki > From: Niels Mayer <nielsma...@gmail.com> > To: XWiki Users <users@xwiki.org> > > (1) Create a stylesheet > http://nielsmayer.com/xwiki/bin/view/Macros/styledRSS?xpage=plain > Which is a document > http://nielsmayer.com/xwiki/bin/view/Macros/styledRSS?viewer=code with > following wikicode: > >> $response.setContentType("text/css") >> {pre} >> .rssfeed >> {border:0px!important;padding:0px!important;width:100%!important;} >> {/pre} > > > (2) Refer to that stylesheet wherever you want/need the RSS:FEED macro to > appear sized to the container displaying it, e.g. to make a "Panel" > display > feed contents: > > <link rel="stylesheet" >> href="$xwiki.getURL("Macros.styledRSS","view","xpage=plain")" >> type="text/css" /> >> #panelheader('Twitter Lyme') >> {rss:feed= >> http://search.twitter.com/search.atom?q=Lyme+Disease|count=5|img=false|full=false|search=true >> } >> #panelfooter() >> > > The results: > http://morgellonswiki.info/xwiki/bin/view/Panels/Twitter+Lyme > http://morgellonswiki.info/xwiki/bin/view/Panels/Twitter+Morgellons > http://morgellonswiki.info/xwiki/bin/view/Panels/Google+News+Lyme > http://morgellonswiki.info/xwiki/bin/view/Panels/Google+News+Morgellons > > (3) You can change the way your feed presents in your XWiki user page, > e.g. > http://nielsmayer.com/xwiki/bin/view/XWiki/NielsMayer > is done by placing the following in the "Description" field of the User > document: > > <link rel="stylesheet" >> href="$xwiki.getURL("Macros.styledRSS","view","xpage=plain")" >> type="text/css" /> >> {rss:feed= >> http://nielsmayer.com/roller/NielsMayer/feed/entries/rss|count=50|img=true|full=false|search=true >> } >> > > (4) Using the same stylesheet hack along with documented information on > the > radeox RSS macro ( http://code.xwiki.org/xwiki/bin/view/Macros/RssMacro ) > one can assemble numerous feeds in one page, fully expanded, with space > for > images, etc: > http://morgellonswiki.info/xwiki/bin/view/Main/FeedsOfInterest > > ..................................... > > Niels > http://nielsmayer.com > _______________________________________________ > users mailing list > users@xwiki.org > http://lists.xwiki.org/mailman/listinfo/users > > -- View this message in context: http://n2.nabble.com/A-Real-tutorial-for-creating-Skins-and-Template-...-tp1333149p2496353.html Sent from the XWiki- Users mailing list archive at Nabble.com. _______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
