Template:Main page/navigation: Difference between revisions

VisualWikitext

Latest revision as of 10:40, 6 July 2023

Template documentation[view][edit][history][purge]

This documentation is transcluded from Template:Main page/navigation/doc. Changes can be proposed in the talk page.

This template is used on the main page. It is the navigation section that includes the buttons to portal pages.

@@ Line 1: / Line 1: @@
-Below you can explore all components and modifications for the Isuzu Vehicross. If a page does not exist please help by creating/adding the pages.
+<div id="home-nav" class="home-grid" role="navigation">
+	<div class="home-card home-card--button" id="home-nav-audiovideo">
-{|width="100%" align="center" cellpadding="4" style="text-align:left;"
+		<div class="home-card__background">[[File:MPNav_audiovideo.png|300px|link=:Category:Audio & Video]]</div>
-| align="center" |[[Portal:Stereo]]![[Image:350z_stereo_image.jpg|50px]]
+		<div class="home-card__foreground">Audio & Video</div>
-|'''[[Audio & Video]]'''<br /> Tunes, movies, and navigation.
+	</div>
-| align="center" |[[Electrical]]![[Image:Harness.jpg|50px]]
+	<div class="home-card home-card--button" id="home-nav-brakes">
-|'''[[Electrical|Electrical Systems]]'''<br /> Electrical improvements.
+		<div class="home-card__background">[[File:MPNav_brakes.png|300px|link=:Category:Brakes]]</div>
-| align="center" |[[:Category:Exterior]]![[Image:Amuse350zfront.jpg|50px]]
+		<div class="home-card__foreground">Brakes</div>
-|'''[[:Category:Exterior|Exterior]]'''<br /> Set your Z apart.
+	</div>
-| align="center" |[[Portal:Interior]]![[Image:Bride_Brix_Leather_02.jpg|30px]]
+	<div class="home-card home-card--button" id="home-nav-drivetrain">
-|'''[[Portal:Interior|Interior]]'''<br /> Comfort and looks.
+		<div class="home-card__background">[[File:MPNav_drivetrain.png|300px|link=:Category:Drivetrain]]</div>
-|-
+		<div class="home-card__foreground">Drivetrain</div>
-| align="center" |[[:Category:Brakes]]![[Image:350z_brakes_image.jpg|50px]]
+	</div>
-|'''[[:Category:Brakes|Brakes]]'''<br /> Improve your stopping power.
+	<div class="home-card home-card--button" id="home-nav-electricalsystem">
-| align="center" |[[:Category:Engine]]![[Image:p_vx_engine.jpg|40px]]
+		<div class="home-card__background">[[File:MPNav_electrical.png|300px|link=:Category:Electrical System]]</div>
-|'''[[:Category:Engine|Engine]]'''<br /> Response and performance.
+		<div class="home-card__foreground">Electrical System</div>
-| align="center" |[[Portal:Forced Induction]]![[Image:350z_turbo_image.jpg|50px]]
+	</div>
-|'''[[Portal:Forced Induction|Forced Induction]]<br /> '''Need '''a lot''' more power?
+	<div class="home-card home-card--button" id="home-nav-engine">
-| align="center" |[[:Category:Suspension]]![[Image:350z_suspension_image.jpg|30px]]
+		<div class="home-card__background">[[File:MPNav_engine.png|300px|link=:Category:Engine]]</div>
-|'''[[:Category:Suspension|Suspension]]'''<br /> Stick to the ground.
+		<div class="home-card__foreground">Engine</div>
-|-
+	</div>
-| align="center" |[[:Category:Drivetrain]]![[Image:350z_drivetrain_image.jpg|50px]]
+	<div class="home-card home-card--button" id="home-nav-exhaust">
-|'''[[:Category:Drivetrain|Drivetrain]]'''<br /> Put the power to the ground.
+		<div class="home-card__background">[[File:MPNav_exhaust.png|300px|link=:Category:Exhaust]]</div>
-| align="center" |[[:Category:Exhaust]]![[Image:Injen_SES_Straighttip_Exhaust.jpg|50px]]
+		<div class="home-card__foreground">Exhaust</div>
-|'''[[:Category:Exhaust|Exhaust]]'''<br /> Flow more and sound aggressive.
+	</div>
-| align="center" |[[:Category:Intake]]![[Image:350z_intake.jpg|50px]]
+	<div class="home-card home-card--button" id="home-nav-exterior">
-|'''[[:Category:Intake|Intake]]'''<br /> Breath easier.
+		<div class="home-card__background">[[File:MPNav_exterior.png|300px|link=:Category:Exterior]]</div>
-| align="center" |[[Wheels and Tires]]![[Image:18inch_standard_G35_wheels.jpg|50px]]
+		<div class="home-card__foreground">Exterior</div>
-|'''[[Wheels and Tires]]'''<br /> Grip and bling.
+	</div>
-|-
+	<div class="home-card home-card--button" id="home-nav-intake">
-|}
+		<div class="home-card__background">[[File:MPNav_intake.png|300px|link=:Category:Intake]]</div>
+		<div class="home-card__foreground">Intake</div>
-{|width="100%" align="center" cellpadding="4" style="text-align:left;"
+	</div>
-|Audio & Video
+	<div class="home-card home-card--button" id="home-nav-interior">
-|Brakes
+		<div class="home-card__background">[[File:MPNav_interior.png|300px|link=:Category:Interior]]</div>
-|Drivetrain
+		<div class="home-card__foreground">Interior</div>
-|Electrical System
+	</div>
-|-
+	<div class="home-card home-card--button" id="home-nav-lighting">
-| align="center" |[[Image:p_vx_engine.jpg|50px]]
+		<div class="home-card__background">[[File:MPNav_lights.png|300px|link=:Category:Lighting]]</div>
-|'''[[:Category:Engine|Engine]]'''<br /> Performance Tuning
+		<div class="home-card__foreground">Lighting</div>
-|Exhaust
+	</div>
-|Exterior
+	<div class="home-card home-card--button" id="home-nav-suspension">
-| align="center" |[[Image:p_vx_intake.jpg|50px]]
+		<div class="home-card__background">[[File:MPNav_suspension.png|300px|link=:Category:Suspension]]</div>
-|'''[[:Category:Intake|Intake]]'''<br /> Breath easier.Intake
+		<div class="home-card__foreground">Suspension & Steering</div>
-|-
+	</div>
-|Interior
+	<div class="home-card home-card--button" id="home-nav-wheelstires">
-|Suspension
+		<div class="home-card__background">[[File:MPNav_wheelstires.png|300px|link=:Category:Wheels & Tires]]</div>
-|Wheels & Tires
+		<div class="home-card__foreground">Wheels & Tires</div>
-|filler
+	</div>
-|}
+</div><templatestyles src="Template:Main_page/navigation/styles.css" /><noinclude><!-- For preview only --><templatestyles src="Template:Main page/shared/styles.css" />{{/doc}}</noinclude>
+<!-- Hide ToC -->
+__NOTOC__