Difference between revisions of "User:Soli/header-small"

 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!-- STRUCTURE AND INSTRUCTIONS:
+
<multilang>
 +
@en|
 +
<div style="background:#62B9E5;background: linear-gradient(84deg, rgba(98,185,229,1) 0%, rgba(172,220,243,1) 50%, rgba(98,185,229,1) 100%);box-sizing:border-box;display:block;position:relative;padding-bottom:0;width:100%;">
 +
<span style="height:auto;max-width:100%;">[[File:Accessible-together-opsa-header-small-transparent.png|frameless|5500px|center|caption]]</span>
 +
</div>
 +
<div style="font-size:18px; margin:-4px 0 0 0; padding-top:5px; text-align:center; width:100%;">
 +
<div style="float: left; width:20%; background:#C42D85; background: linear-gradient(90deg, rgba(28,48,74,0.7) 0%, rgba(28,48,74,1) 35%, rgba(28,48,74,0.7) 100%);">
 +
[[User:Mike/fishing|<span style="color:#ffffff; text-transform: uppercase;"><strong>Home</strong></span>]]
 +
</div>
 +
<div style="float: left; width:20%; background:#C42D85; background: linear-gradient(90deg, rgba(162,38,110,0.7) 0%, rgba(162,38,110,1) 35%, rgba(162,38,110,0.7) 100%);">
 +
[[User:Mike/fishing|<span style="color:#ffffff; text-transform: uppercase;"><strong>About</strong></span>]]
 +
</div>
 +
<div style="float: left; width:20%; background:#C42D85; background: linear-gradient(90deg, rgba(28,48,74,0.7) 0%, rgba(28,48,74,1) 35%, rgba(28,48,74,0.7) 100%);">
 +
[[User:Mike/fishing|<span style="color:#ffffff; text-transform: uppercase;"><strong>Links</strong></span>]]
 +
</div>
 +
<div style="float: left; width:20%; background:#C42D85; background: linear-gradient(90deg, rgba(162,38,110,0.7) 0%, rgba(162,38,110,1) 35%, rgba(162,38,110,0.7) 100%);">
 +
[[User:Mike/fishing|<span style="color:#ffffff; text-transform: uppercase;"><strong>News!</strong></span>]]
 +
</div>
 +
<div style="float: left; width:20%; background:#C42D85; background: linear-gradient(90deg, rgba(28,48,74,0.7) 0%, rgba(28,48,74,1) 35%, rgba(28,48,74,0.7) 100%);">
 +
[[User:Mike/fishing|<span style="color:#ffffff; text-transform: uppercase;"><strong>Contact</strong></span>]]
 +
</div>
 +
</div>
  
Home (LOCKED)
+
@fr|
|
+
<div style="background:#62B9E5;background: linear-gradient(84deg, rgba(98,185,229,1) 0%, rgba(172,220,243,1) 50%, rgba(98,185,229,1) 100%);box-sizing:border-box;display:block;position:relative;padding-bottom:0;width:100%;">
-- Header (LOCKED) <<< YOU ARE HERE - NOTHING TO DO! This is a smaller header for articles an includes a navigation submenu.
+
<span style="height:auto;max-width:100%;">[[File:Accessible-together-opsa-header-small-transparent.png|frameless|5500px|center|caption]]</span>
|
+
</div>
-- Spotlight (LOCKED)
+
<div style="font-size:18px; margin:-4px 0 0 0; padding-top:5px; text-align:center; width:100%;">
|
+
<div style="float: left; width:20%; background:#C42D85; background: linear-gradient(90deg, rgba(28,48,74,0.7) 0%, rgba(28,48,74,1) 35%, rgba(28,48,74,0.7) 100%);">
  ---- Spotlight article 1
+
[[User:Mike/fishing|<span style="color:#ffffff; text-transform: uppercase;"><strong>Accueil</strong></span>]]
  |
+
</div>
  ---- Spotlight article 2
+
<div style="float: left; width:20%; background:#C42D85; background: linear-gradient(90deg, rgba(162,38,110,0.7) 0%, rgba(162,38,110,1) 35%, rgba(162,38,110,0.7) 100%);">
|
+
[[User:Mike/fishing|<span style="color:#ffffff; text-transform: uppercase;"><strong>About</strong></span>]]
-- Main (LOCKED)
+
</div>
|
+
<div style="float: left; width:20%; background:#C42D85; background: linear-gradient(90deg, rgba(28,48,74,0.7) 0%, rgba(28,48,74,1) 35%, rgba(28,48,74,0.7) 100%);">
  ---- Main-a
+
[[User:Mike/fishing|<span style="color:#ffffff; text-transform: uppercase;"><strong>Links</strong></span>]]
    |
 
    ---- Main-a-article
 
    |
 
  ---- Main-b
 
    |
 
    ---- Main-b-article
 
    |
 
  ---- Main-c and so on...
 
    |
 
    ---- Main-c-article and so on...
 
|
 
-- Footer (LOCKED)
 
-->
 
<div class="carousel-caption text left"
 
    style="box-sizing:border-box;
 
                display:block;
 
                position:relative;
 
                width:100%;
 
                -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
    <div style="background-color:#62B9E5;
 
                    background-size:cover;
 
                    box-sizing:border-box;
 
                    display:block;
 
                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 
                    font-size:14px;
 
                    max-width:100%;
 
                    padding-bottom:0px;
 
                    text-size-adjust:100%;
 
                    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
 
                    width=100%;">
 
        <span style="height:auto;max-width:100%;">[[File:Accessible-together-opsa-header-small.jpg|frameless|5500px|center|caption]]</span>
 
        <div style="float: left; width:20%;margin:-10px;"><strong>
 
            [[User:Soli|<span style="color:#62B9E5;margin-top:-10px;">HOME</span>]]</strong>
 
        </div>
 
        <div style="float: left; width:20%;"><strong>
 
            [[User:Soli|<span style="color:#62B9E5;margin:-10px;padding:-10px;">HOME</span>]]</strong>
 
        </div>
 
        <div style="float: left; width:20%;"><strong>
 
            [[User:Soli|<span style="color:#62B9E5;margin:-10px;padding:-10px">HOME</span>]]</strong>
 
        </div>
 
        <div style="float: left; width:20%;"><strong>
 
            [[User:Soli|<span style="color:#62B9E5;margin:-10px;padding:-10px">HOME</span>]]</strong>
 
        </div>
 
        <div style="float: left; width:20%;"><strong>
 
            [[User:Soli|<span style="color:#62B9E5;margin:-10px;padding:-10px">HOME</span>]]</strong>
 
        </div>
 
    </div>
 
 
</div>
 
</div>
 +
<div style="float: left; width:20%; background:#C42D85; background: linear-gradient(90deg, rgba(162,38,110,0.7) 0%, rgba(162,38,110,1) 35%, rgba(162,38,110,0.7) 100%);">
 +
[[User:Mike/fishing|<span style="color:#ffffff; text-transform: uppercase;"><strong>News!</strong></span>]]
 +
</div>
 +
<div style="float: left; width:20%; background:#C42D85; background: linear-gradient(90deg, rgba(28,48,74,0.7) 0%, rgba(28,48,74,1) 35%, rgba(28,48,74,0.7) 100%);">
 +
[[User:Mike/fishing|<span style="color:#ffffff; text-transform: uppercase;"><strong>Contact</strong></span>]]
 +
</div>
 +
</div>
 +
 +
</multilang>

Latest revision as of 20:40, 22 January 2020