Changes between Version 4 and Version 5 of members/GRIP-UQAM/WikiWritingUsingTrac


Ignore:
Timestamp:
Jan 10, 2017, 6:47:19 PM (7 years ago)
Author:
Grip Uqam
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • members/GRIP-UQAM/WikiWritingUsingTrac

    v4 v5  
    105105 * other tags [wiki:InterMapTxt]
    106106* Image included in wiki files [[Image(https://support.mayfirst.org/raw-attachment/wiki/members/GRIP-UQAM/WikiWritingUsingTrac/Shapes.svg, link=https://support.mayfirst.org/attachment/wiki/members/GRIP-UQAM/WikiWritingUsingTrac/Shapes.svg, title=Shapes.svg)]]
     107=== CSS ===
     108* Inline CSS can be included
     109 * //[http://www.w3schools.com/css/css_howto.asp Three Ways to Insert CSS]//
     110 * However this does not allow "hover " effets
     111  * //[http://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css How to write a:hover in inline CSS?]//
     112  * "Hover" is a selector (not exactly CSS)...
     113   * //[http://www.w3schools.com/cssref/sel_hover.asp CSS :hover Selector]//
     114  * [http://ianlunn.github.io/Hover/ Hover.css library]
     115  * It does not allow for dropdown effect based on hover...
     116   * //[http://www.w3schools.com/css/css_dropdowns.asp CSS Dropdowns]//
    107117
    108118{{{
    109119#!html
     120<hr>
     121}}}
     122{{{
     123#!html
    110124<h1 style="text-align: center; color: blue">HTML Test</h1>
     125}}}
     126{{{
     127#!div style="border: 1pt dotted; margin: 1em"
     128**wikipage** is another predefined class that will
     129be used when no class is specified. [https://trac.edgewall.org/wiki/WikiHtml Using HTML in Wiki Text]
     130}}}
     131{{{
     132#!html
     133<div style="position: relative; display: inline-block;">
     134  <span>Anchor (1)</span>
     135  <div style="position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1;">
     136    <p>Anchored (1)</p>
     137  </div>
     138</div>
     139}}}
     140{{{
     141#!div style="position: relative; display: inline-block;"
     142[[span(Anchor (2), style=color: green; font-size: 120%)]]
     143{{{
     144#!div style="position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1;"
     145Anchored (2)
     146}}}
    111147}}}
    112148* Yet unknown (by Trac) HTML5 tags like <svg> are discarded! (//[http://www.w3schools.com/graphics/svg_inhtml.asp Embed SVG Directly Into HTML Pages]//)