Användare:Skalman/test/topp

Hej, du har kommit hit för att leta efter betydelsen av ordet Användare:Skalman/test/topp. I DICTIOUS hittar du inte bara alla ordboksbetydelser av ordet Användare:Skalman/test/topp, utan du får också veta mer om dess etymologi, dess egenskaper och hur man säger Användare:Skalman/test/topp i singular och plural. Allt du behöver veta om ordet Användare:Skalman/test/topp finns här. Definitionen av ordet Användare:Skalman/test/topp hjälper dig att vara mer exakt och korrekt när du talar eller skriver dina texter. Genom att känna till definitionen avAnvändare:Skalman/test/topp och andra ord berikar du ditt ordförråd och får tillgång till fler och bättre språkliga resurser.
:-)

navigering: användarsida | diskussion       Notera: Detta är en wiki. Du får gärna redigera denna sida om du tror att jag skulle uppskatta det :-)

Idéer

  • förenkla koden (enl. nedan), flytta mkt till CSS-filen
  • skriv om skriptet
  • gör hela rubrikraden klickbar (med visuell feedback) (stor <a>)
  • gör även icke-gömda rutor gömbara - den enda skillnaden är att de inte göms som default
  • tänk på att det ska fungera med {{topp-göm-höger}} också
  • (eventuellt) gör så att rutor automatiskt göms om de är högre än en viss höjd (4 rader?). Kanske {{topp-göm?}}?

Idag

{{topp-göm}} / {{mitt}} / {{botten}}

<div class="NavFrame" style="clear:both; text-align:left; width:100%; margin:1px;">
<div class="NavHead" style="padding-left:1em;padding-right:3em;">RUBRIK</div>
<div class="NavContent" style="margin:0; clear:right; width:100%; padding:0;">
{| style="margin:0 auto 0.3em auto; width:99%; border:1px solid #EEE9BF; background: #FFFFE0;" cellspacing="0"
|valign="top" style="border:1px solid #EEE9BF; background: #FFFFE0;"|
LITE INNEHÅLL
|width="48%" valign="top" style="border:1px solid #EEE9BF; background: #FFFFE0;"|
LITE MER INNEHÅLL
|}
</div></div>

{{topp}} / {{mitt}} / {{botten}}

<div style="padding-left:1em; height: 1.6em; font-weight: bold; font-size: 100%; background: #EEE9BF;">RUBRIK</div>
<div style="margin:0; width:100%; padding:0;">
{| style="margin:0 auto 0.3em auto; width:99%; border:1px solid #EEE9BF; background: #FFFFE0;" cellspacing="0"
|valign="top" style="border:1px solid #EEE9BF; background: #FFFFE0;"|
LITE INNEHÅLL
|width="48%" valign="top" style="border:1px solid #EEE9BF; background: #FFFFE0;"|
LITE MER INNEHÅLL
|}
</div></div>

I framtiden

{{topp-göm}} / {{mitt}} / {{botten}}

<div class="box-hidden">
<div class="box-head">'''RUBRIK'''</div>
{| class="box-content"
|
LITE INNEHÅLL
|width="48%"|
LITE MER INNEHÅLL
|}
</div>

{{topp}} / {{mitt}} / {{botten}}

<div class="box">
<div class="box-head">'''RUBRIK'''</div>
{| class="box-content"
|
LITE INNEHÅLL
|width="48%"|
LITE MER INNEHÅLL
|}
</div>