Pages: [1]   Go Down
Author Topic: Playground design requests...  (Read 673 times)
0 Members and 1 Guest are viewing this topic.
Wuppertal/Germany
Offline Offline
God Member
*****
Karma: 1
Posts: 895
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

Hi,
would it be possible to change the visual appearance of code-fragments on the playground.
The markup for it seems to be [@ some code @] but as the code-fragments also have a
white background like the rest of the pages it a bit difficult to seem where the code starts and where it ends.
I (obviously) like code to be prominently standing out on webpages.
http://www.wayoda.org/arduino/ledcontrol/index.html#SingleMatrix
Makes copy and paste a bit easier.

I made my pages with txt2tags where you simply had to apply some css-stylesheet for the change.
Does PmWiki support that too?
Eberhard


Logged

Forum Administrator
Cambridge, MA
Offline Offline
Faraday Member
*****
Karma: 11
Posts: 3538
View Profile
WWW
 Bigger Bigger  Smaller Smaller  Reset Reset

Good question.  There's some excellent documentation for PmWiki here: http://www.pmwiki.org/wiki/PmWiki/DocumentationIndex.  Do you want to see what it would take to make that happen?
Logged

Wuppertal/Germany
Offline Offline
God Member
*****
Karma: 1
Posts: 895
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

Hi,
Quote
Good question.  There's some excellent documentation for PmWiki here: http://www.pmwiki.org/wiki/PmWiki/DocumentationIndex.  Do you want to see what it would take to make that happen?
Yes, I'll see what I can do will take a short while since I have to setup a local installation of PMWiki for testing.
Eberhard
Logged

Wuppertal/Germany
Offline Offline
God Member
*****
Karma: 1
Posts: 895
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

Hi,
I found the right place already, wasn't that difficult once PmWiki was running.
All that needs to be done is to edit the css-stylesheet for the skin that is installed in PmWiki.

The tag in question is pre. That's everything enclosed by [@ ... @]. (usually code)
Here is an example that will make code-fragments look similar to the style used on  
http://www.wayoda.org/arduino/ledcontrol/index.html
Code:
pre {
      font-family: 'Andale Mono', courier, monospace;
      font-size:90%;
      font-weight:normal;
      color: #0;
        margin-left:4ex;
        margin-right:4ex;
        padding-left:2ex;
        padding-rigth:2ex;
      background-color: #eee;
      border-width : thin;
      border-style : solid;
}
You need admin-access to the server for this, so for whoever is in charge here ...
  • go to the directory pub/skins/NameOfSkinThatIsInstalled
  • open file pub/skins/NameOfSkinThatIsInstalled/NameOfSkinThatIsInstalled.css
  • edit the styles for the pre tag
  • reload any page to see if it works
Eberhard 
Logged

Forum Administrator
Cambridge, MA
Offline Offline
Faraday Member
*****
Karma: 11
Posts: 3538
View Profile
WWW
 Bigger Bigger  Smaller Smaller  Reset Reset

Awesome, thanks for doing the research.  It might be best to include this as part of the general visual redesign being discussed for the playground.  Tim, what do you think?
Logged

Brisbane, Australia
Offline Offline
God Member
*****
Karma: 1
Posts: 593
View Profile
WWW
 Bigger Bigger  Smaller Smaller  Reset Reset

Gentoo-Wiki.com has a nice style for code.
Logged

Wuppertal/Germany
Offline Offline
God Member
*****
Karma: 1
Posts: 895
View Profile
 Bigger Bigger  Smaller Smaller  Reset Reset

Request : Maximum width for images
Should we agree on a recommended width for an image on the playground?
If the sidebar is on the right and the width of a image on the content is bigger than the browsers windows itself,
the sidebar will be pushed out of the window and is only reachable with the scrollbar.

I would suggest than images are not wider than 600 pixels? That would leave 120 Pixels for the sidebar until the good old "browser window standard width" of 720 pixels is reached.
Since this cannot be forced in any way, there should be some sort of "playground style guide" where things like that are mentioned.

Any comments on this?

Eberhard
Logged

0
Offline Offline
Newbie
*
Karma: 0
Posts: 37
Arduino rocks
View Profile
WWW
 Bigger Bigger  Smaller Smaller  Reset Reset

These are all good suggestions.  Perhaps discussion for the first round of edits could remain in the original thread as there are now style discussions going in both?  When Cheater comes back with our first skin, we can mull it over in that thread?  It's not a big deal to me, but its a little confusing to now have to read both to stay up to date on what is going on.  Also, I am not sure all participants over there are reading this thread, and I would like as much feedback as possible on this first revision for which I am responsible.

Eberhard,  part of my update is going to include a style guide.  Image width is a good point, I will include the 600 pixel image size suggestion in it.   Thanks for your research here too.  It will be very helpful as we get down to nuts and bolts.  

I am heading back to:
http://www.arduino.cc/cgi-bin/yabb2/YaBB.pl?num=1193632795/45
Logged

Pages: [1]   Go Up
Jump to: