• 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
(New stuff whoo)
Line 7: Line 7:
 
  2015 Kancolle Wiki (Please don't remove this unless you're a dick) -->
 
  2015 Kancolle Wiki (Please don't remove this unless you're a dick) -->
 
<div id="widgetcontainer">
 
<div id="widgetcontainer">
<div id="leftcolumn">
+
<div class="leftcol">
 
     <!-- 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 -->
+
     <!-- 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 -->
 
          
 
          
 
         <!-- Event Text -->
 
         <!-- Event Text -->
Line 52: Line 52:
 
          
 
          
 
         <!-- World Icons (6 worlds as of Nov 2015) -->
 
         <!-- World Icons (6 worlds as of Nov 2015) -->
         <!-- World Width: 118px x 6 Worlds. Since each icon is 50px text must fit in 50px -->
+
         <!-- World Width: 118px x 6 Worlds. ish.-->
 
         <div id="worldicons">
 
         <div id="worldicons">
 +
       
 +
        <div class="worldside"></div>
 +
           
 
         <div id="worlds">
 
         <div id="worlds">
 
             <a href="http://en.kancollewiki.net/wiki/World_1" class="wor1" title="World 1"></a>
 
             <a href="http://en.kancollewiki.net/wiki/World_1" class="wor1" title="World 1"></a>
Line 88: Line 91:
 
                 <a href="http://en.kancollewiki.net/wiki/World_6" class="wortext">World 6</a>
 
                 <a href="http://en.kancollewiki.net/wiki/World_6" class="wortext">World 6</a>
 
                 <br>
 
                 <br>
                 <a href="http://en.kancollewiki.net/wiki/World_1" class="worname">Central<br>Waters</a>
+
                 <a href="http://en.kancollewiki.net/wiki/World_6" class="worname">Central<br>Waters</a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <!-- End of World div -->
 
         <!-- End of World div -->
 
         <!-- It's the end of the world as we know it *insert music* -->
 
         <!-- It's the end of the world as we know it *insert music* -->
 +
       
 +
    <!-- Twitter Widget. Maximum Width is 520px, must compensate for lack of width (Expected >800px, god damn it twitter) -->
 +
    <div id="twidget">
 +
        <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");
 +
            </script>
 +
<a class="twitter-timeline" href="https://twitter.com/KanColle_STAFF" data-widget-id="667932762834268160" width="auto" height="552px" data-chrome="nofooter">Tweets by @KanColle_STAFF</a>
 +
        </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>
 +
    <!-- End of Left Column -->
 +
   
 +
    <!-- Begin Right Column -->
 +
    <!-- Right column has the ability to be resized, ranging from 200px to ~710px. This can be increased. Place textbased fluid elements here. -->
 +
    <div class="rightcol">
 +
    <div id="wikidesc">
 +
        <!-- Description Wrap -->
 +
            <div id="descbox">
 +
            <!-- Crane! -->
 +
            <div class="craneicon">
 +
                <img src="skins/common/images/crane.gif">
 +
                </div>
 +
                <!-- Wiki Description -->
 +
                <div class="desctext">
 +
                Kantai Collection (<span id="nihontext">艦隊これくしょん</span>), also known as KanColle (<span id="nihontext">艦これ</span>), is an online browser game in which one assumes the role of an admiral, assembles a fleet of kanmusu ('ship girls' based on World War II-era ships and submarines), and battles against fleets of unknown warships.
 +
 +
This wiki is a place to find English information about the game & tutorials on how to play even without knowledge of Japanese. Additionally, information regarding the expanded franchise may be found, including manga, anime, other games, music, & more.
 +
                </div>
 +
            </div>
 +
        </div>
 +
       
 
     </div>
 
     </div>
 +
    <!-- End of Right Column -->
 
</div>
 
</div>
  
 
</includeonly>
 
</includeonly>

Revision as of 01:37, 4 December 2015

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