• Welcome to the Kancolle Wiki!
  • If you have any questions regarding site content, account registration, etc., please visit the KanColle Wiki Discord

Difference between revisions of "Widget:Frontpage"

From Kancolle Wiki
Jump to navigation Jump to search
Line 10: Line 10:
 
     <!-- The left column is meant to be the default, static container - That is, if width falls below a certain number, it will be the column to which everything in column 2 shifts to. -->
 
     <!-- The left column is meant to be the default, static container - That is, if width falls below a certain number, it will be the column to which everything in column 2 shifts to. -->
 
      
 
      
     <!-- Note that the eventinfo div is only valid IF there's an event. Change the banner or comment it out if there isn't an event -->
+
     <!-- Replace event banner image with noevbanhov.png when there is no event -->
 
          
 
          
 
         <!-- Event Text -->
 
         <!-- Event Text -->
Line 19: Line 19:
 
     <div id="eventwrap">
 
     <div id="eventwrap">
 
    <div id="eventbanner">
 
    <div id="eventbanner">
        <a href="http://en.kancollewiki.net/wiki/Fall_2015_Event" class="eventbanner" title="Events"></a>
+
        <a href="http://en.kancollewiki.net/wiki/Events" title="Events">
 +
                <img alt="Past Events" src="http://en.kancollewiki.net/skins/common/images/noevbanhov.png" width="710" height="93" class="eventbanner" />
 +
                </a>
 
        </div>
 
        </div>
 
         </div>
 
         </div>
 +
       
 
         <!-- Icon Triumvirate Container -->
 
         <!-- Icon Triumvirate Container -->
 
     <div id="iconcontainer">
 
     <div id="iconcontainer">
Line 29: Line 32:
 
             <tr>
 
             <tr>
 
                     <td style="width:auto">
 
                     <td style="width:auto">
        <a href="http://en.kancollewiki.net/wiki/Sortie" class="sortie" title="Sortie"></a>
+
                        <div id="sortie">
                        <a href="http://en.kancollewiki.net/wiki/Sortie">
+
        <a href="http://en.kancollewiki.net/wiki/Sortie" class="sortie" title="Sortie">
                            <div id="mainboxtext">Sortie</div>
+
                                <img alt="Sortie" src="http://en.kancollewiki.net/skins/common/images/sortiehov.png" width="217" height="247" class="sortie" />
                             </a>
+
                                </a>
 +
                        <a href="http://en.kancollewiki.net/wiki/Sortie"><div class="sortext">Sortie</div></a>
 +
                             </div>
 
                     </td>
 
                     </td>
 
                 <td style="width:auto">
 
                 <td style="width:auto">
          <a href="http://en.kancollewiki.net/wiki/Exercises" class="pvp" title="Exercises"></a>
+
                        <div id="pvp">
                            <a href="http://en.kancollewiki.net/wiki/Exercises"><div id="mainboxtext">Exercises</div></a>
+
          <a href="http://en.kancollewiki.net/wiki/Exercises" class="pvp" title="Exercises">
 +
                                <img alt="Exercises" src="http://en.kancollewiki.net/skins/common/images/pvphov.png" width="217" height="247" class="pvp" />
 +
                                </a>
 +
                            <a href="http://en.kancollewiki.net/wiki/Exercises"><div class="pvptext">Exercises</div></a>
 +
                            </div>
 
                     </td>
 
                     </td>
 
                         <td style="width:auto">
 
                         <td style="width:auto">
                         <a href="http://en.kancollewiki.net/wiki/Expeditions" class="exped" title="Expeditions"></a>
+
                         <div id="exped">
                            <a href="http://en.kancollewiki.net/wiki/Expeditions"><div id="mainboxtext">Expeditions</div></a>
+
                        <a href="http://en.kancollewiki.net/wiki/Expeditions" class="exped" title="Expeditions">
 +
                                <img alt="Expedition" src="http://en.kancollewiki.net/skins/common/images/expedhov.png" width="217" height="247" class="exped" />
 +
                                </a>
 +
                            <a href="http://en.kancollewiki.net/wiki/Expeditions"><div class="exptext">Expeditions</div></a>
 +
                            </div>
 
                         </td>
 
                         </td>
 
                     </tr>
 
                     </tr>
Line 48: Line 61:
 
         </div>
 
         </div>
 
         <!-- End of iconcontainer -->
 
         <!-- End of iconcontainer -->
 +
       
 +
        <!-- Let's try this again - FactoryBox Div -->
 +
       
 +
        <div class="factorybox">
 +
        <div class="constbox">
 +
            <div id="const">
 +
        <a href="http://en.kancollewiki.net/wiki/Construction" class="const" title="Construction">
 +
                <img alt="Construction" src="http://en.kancollewiki.net/skins/common/images/consthov.png" width="176" height="70" class="const" />
 +
                </a>
 +
                </div>
 +
            <a href="http://en.kancollewiki.net/wiki/Construction" style="color:white"><div class="constname">Ship Construction</div></a>
 +
            </div>
 +
            <div class="develbox">
 +
            <div id="devel">
 +
            <a href="http://en.kancollewiki.net/wiki/Development" title="Development">
 +
                <img alt="Development" src="http://en.kancollewiki.net/skins/common/images/develhov.png" width="176" height="70" class="devel" />
 +
                </a>
 +
                </div>
 +
            <a href="http://en.kancollewiki.net/wiki/Development" style="font-size:15px;color:white;"><div class="develname">Equipment Development</div></a>
 +
            </div>
 +
            <div class="kaisyubox">
 +
            <div id="kaisyu">
 +
            <a href="http://en.kancollewiki.net/wiki/Modernization" title="Modernization">
 +
                    <img alt="Modernization" src="http://en.kancollewiki.net/skins/common/images/kaisyuhov.png" width="171" height="47" class="kaisyu" />
 +
                    </a>
 +
          <a href="http://en.kancollewiki.net/wiki/Modernization" style="color:white;"><div class="kaisyuname">Modernization</div></a>
 +
                </div>
 +
            </div>
 +
            <div class="kaisoubox">
 +
            <div id="kaisou">
 +
            <a href="http://en.kancollewiki.net/wiki/Remodel" class="kaisou" title="Remodel">
 +
                    <img alt="Remodel" src="http://en.kancollewiki.net/skins/common/images/kaisouhov.png" width="171" height="47" class="kaisou" />
 +
                    </a>
 +
            <a href="http://en.kancollewiki.net/wiki/Remodel" style="color:white;"><div class="kaisouname">Remodel</div></a>
 +
                </div>
 +
            </div>
 +
           
 +
            <div class="revampbox">
 +
            <div id="revamp">
 +
            <a href="http://en.kancollewiki.net/wiki/Akashi%27s_Improvement_Arsenal" class="revamp" title="Akashi's Improvement Arsenal">
 +
                    <img alt="Akashi's Improvement Arsenal" src="http://en.kancollewiki.net/skins/common/images/revamphov.png" width="155" height="95" class="revamp" />
 +
                    </a>
 +
          <a href="http://en.kancollewiki.net/wiki/Akashi%27s_Improvement_Arsenal" style="color:white;"><div class="revampname">Akashi's Improvement Arsenal</div></a>
 +
                </div>
 +
            </div>
 +
        </div>
 
          
 
          
 
         <!--Twitter Widget Can be resized, should be placed on right -->
 
         <!--Twitter Widget Can be resized, should be placed on right -->
Line 98: Line 157:
 
          
 
          
 
     <!-- Twitter Widget. Maximum Width is 520px, must compensate for lack of width (Expected >800px, god damn it twitter) -->
 
     <!-- Twitter Widget. Maximum Width is 520px, must compensate for lack of width (Expected >800px, god damn it twitter) -->
     <div id="twidget">
+
     <!--
 +
        <div id="twidget">
 
         <script>
 
         <script>
 
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
 
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
Line 105: Line 165:
 
             <meta name="twitter:widgets:theme" content="light">
 
             <meta name="twitter:widgets:theme" content="light">
 
         </div>
 
         </div>
          
+
         -->  
        <!-- Begin IconBar -->
 
        <div class="iconbar">
 
       
 
        <a href="http://en.kancollewiki.net/wiki/Construction" class="const" title="Construction"></a>
 
            <a href="http://en.kancollewiki.net/wiki/Construction" class="iconname">Ship Construction</a>
 
           
 
            <div class="iconplat"></div>
 
           
 
            <a href="http://en.kancollewiki.net/wiki/Development" class="devel" title="Development"></a>
 
            <a href="http://en.kancollewiki.net/wiki/Development" class="iconname" style="font-size:15px;">Equipment Development</a>
 
           
 
            <div class="iconplat"></div>
 
           
 
            <a href="http://en.kancollewiki.net/wiki/Remodel" class="kaisou" title="Remodel"></a>
 
            <a href="http://en.kancollewiki.net/wiki/Remodel" class="iconname">Remodel</a>
 
           
 
            <div class="iconplat"></div>
 
           
 
            <a href="http://en.kancollewiki.net/wiki/Modernization" class="kaisyu" title="Modernization"></a>
 
            <a href="http://en.kancollewiki.net/wiki/Modernization" class="iconname">Modernization</a>
 
           
 
            <div class="iconplat"></div>
 
           
 
            <a href="http://en.kancollewiki.net/wiki/Akashi%27s_Improvement_Arsenal" class="revamp" title="Akashi's Improvement Arsenal"></a>
 
            <a href="http://en.kancollewiki.net/wiki/Akashi%27s_Improvement_Arsenal" class="iconname" style="font-size:15px;">Akashi's Improvement Arsenal</a>
 
           
 
<div class="iconplat"></div>
 
 
 
        </div>
 
       
 
   
 
 
     </div>
 
     </div>
 
     <!-- End of Left Column -->
 
     <!-- End of Left Column -->
Line 148: Line 177:
 
             <!-- Crane! -->
 
             <!-- Crane! -->
 
             <div class="craneicon">
 
             <div class="craneicon">
                 <img src="http://en.kancollewiki.net/skins/common/images/crane.gif">
+
                 <img src="skins/common/images/crane.gif">
 
                 </div>
 
                 </div>
 
                 <!-- Wiki Description -->
 
                 <!-- Wiki Description -->
Line 173: Line 202:
 
         </div>
 
         </div>
 
          
 
          
         <div class="noobbox">
+
         <div class="seasonbox">
 
        
 
        
 
         </div>
 
         </div>
Line 179: Line 208:
 
     <!-- End of Right Column -->
 
     <!-- End of Right Column -->
 
</div>
 
</div>
 
 
</includeonly>
 
</includeonly>

Revision as of 20:34, 18 December 2015

Front Page template. I hope this can be resized with auto