Nolver's Theme Designs: Theme: Guitars

Ready to rock? Turn up the volume with the 'Guitars' theme! Featuring striking black-and-white electric guitars, this layout delivers a high-energy vibe with a seriously cool aesthetic. It’s the perfect way to give your page a sharp, bold look that really stands out. 🎸

The font that is used for this theme is Arial Rounded MT. Download the font for this theme here.

Download the XML file here and open it.

The AI version of this theme can be found here.

Instructions for installing a theme using XML, can be found on this page.

If you're only interested in the CSS codes, copy the codes below:

/* Guitars theme, ©February 2020, designed by Nolver®, all rights reserved (http://nolversprettytags.com) */
/* Photo credits and tags: Nolver */
/* This theme may not be edited, altered or modified and I'm not giving any permission! */
/* You are free to use this theme anytime, for more info and themes, visit me on http://nolversthemedesigns1.blogspot.com */

/*******************************************************************************************************/

body {
background: url(https://live.staticflickr.com/65535/49573210136_e0a45c9787_o.jpg) repeat fixed center center white !important;
color: white;
font-family: Arial Rounded MT Bold, Arial Rounded MT, Arial Rounded MT, Arial Rounded MT;
padding: 0 220px 0 220px;
cursor: url(https://live.staticflickr.com/8160/7378837656_f53c6f73c0_o.gif), default;
}

.body-fauxcolumn-outer .cap-top .cap-left, .body-fauxcolumn-outer .cap-top {
background: transparent none;
width: 100%;
}

a, a:link, a:visited {
color: white;
cursor: url(https://live.staticflickr.com/8160/7378837656_f53c6f73c0_o.gif), pointer;
}

a:hover {
color: grey;
text-decoration: none;
cursor: url(https://live.staticflickr.com/8160/7378837656_f53c6f73c0_o.gif), pointer;
}

/* Top frame */
header {
background: none;
height: auto;
margin: 0;
position: relative;
width: auto;
z-index: 1;
}

.Header h1 {
bottom: 189px;
color: #212121;
font: bold 60px Arial Rounded MT Bold, Arial Rounded MT, Arial Rounded MT;
left: -30px;
position: relative;
text-align: center;
text-shadow: 2px 2px 6px black;
width: 1064px;
z-index: 1;
}

.Header h1 a {
color: #212121;
}

.Header h1 a:hover {
color: white;
}

/* Removing the lightgrey transparent background */
.header-outer {
background: none repeat scroll 0 0 transparent;
}

/* The tag */
.header-inner .Header #header-inner {
box-shadow: 0 0 20px 8px black;
background: url("https://live.staticflickr.com/65535/49573209551_d41b7bb0e6_o.gif") no-repeat scroll 0 0 transparent;
height: 664px;
margin: 0;
overflow: visible;
position: relative;
right: 77px;
top: 130px;
width: 1064px;
z-index: 1;
}

.header-inner .Header #header-inner:hover {
background-image: url(https://live.staticflickr.com/65535/49573209461_993b657993_o.jpg);
}

/* Title of the tag */
.Header .description {
color: #212121;
font-family: Arial Rounded MT Bold, Arial Rounded MT, Arial Rounded MT;
font-size: 20px;
font-weight: bold;
line-height: 50px;
margin: 0;
overflow: auto;
position: relative;
right: 26px;
text-align: center;
text-shadow: 3px 3px 7px #000;
top: 545px;
width: 1064px;
}

/* Middle frame */
div.main-outer {
background: none;
margin: 0;
padding-bottom: 500px;
position: relative;
top: 0;
width: auto;
}

/* Equivalent: div#page_start */
div.columns {
left: 152px;
padding-top: 520px;
position: relative;
}

div.columns img {
max-height: 500px;
max-width: 500px;
}

div.columns embed, div.columns object, div.columns iframe, div.columns video {
max-width: 500px;
}

a.quickedit img {
width: auto !important;
}

.post-body img, .post-body .tr-caption-container img, .Profile img, .Image img, .BlogList .item-thumbnail img {
box-shadow: 0 0 10px 5px black;
background: url(https://live.staticflickr.com/65535/49572702373_677e933e6e_t.jpg);
border: 2px solid white;
padding: 13px;
}

div#sidebar-right-1 img.profile-img {
float: left;
height: 150px;
left: 11px;
margin: 0 0 35px;
position: relative;
top: 12px;
width: 150px;
}

div#sidebar-right-1 img {
box-shadow: 0 0 10px 5px black;
background: url(https://live.staticflickr.com/65535/49572702373_677e933e6e_t.jpg);
border: 2px solid white;
margin-left: 3px;
margin-top: 10px;
max-height: 166px;
padding: 10px;
width: 166px;
}

div#sidebar-right-1 embed, div#sidebar-right-1 object, div#sidebar-right-1 iframe, div#sidebar-right-1 video {
margin-left: 3px;
width: 190px;
}

div.widget-content img {
box-shadow: 0 0 10px 2px black;
-moz-box-shadow: 0 0 10px 2px black;
-webkit-box-shadow: 0 0 10px 2px black;
}

.column-center-outer {
max-width: 589px;
width: 100%;
}

/* Bottom frame */
footer {
background: none;
height: auto;
margin: 0;
position: relative;
top: 0;
width: auto;
}

/* Removes contentwrapper background color */
div.content-inner {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: transparent none;
margin-bottom: 200px;
position: relative;
top: 100px;
width: 1000px;
}

.content-outer {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin-bottom: 1px;
}

.fauxborder-left, .fauxcolumn-right-outer .fauxcolumn-inner, .fauxborder-right {
background: none repeat scroll 0 0 transparent;
position: relative;
border: none;
}

/* Equivalent: itemboxsub */
h2, h2.date-header {
box-shadow: 0 0 10px 2px #000000;
background: url("https://live.staticflickr.com/65535/49573436937_8705aa9eac_o.jpg") repeat scroll 0 0 transparent;
border: 3px solid #fff;
color: white !important;
font-family: Arial Rounded MT Bold, Arial Rounded MT, Arial Rounded MT !important;
font-size: 30px !important;
font-weight: bold !important;
height: 100px;
line-height: 1 !important;
margin: 8px -2px 20px 0 !important;
padding: 10px;
text-align: center;
text-shadow: -2px -2px 5px black;
text-transform: capitalize;
}

.date-header span {
color: white;
font-size: 30px;
font-weight: bold;
line-height: 1;
margin: 20px -2px;
padding: 5px 10px;
text-align: center;
text-shadow: -2px -2px 5px black;
}

/* Equivalent: cattitle */
h3.post-title, h3.post-title a, h3.post-title a:link, h3.post-title a:visited {
color: white;
font-family: Arial Rounded MT Bold, Arial Rounded MT, Arial Rounded MT;
font-size: 30px;
font-weight: bold;
text-align: center;
text-shadow: -2px 2px 2px black;
}

h3.post-title a:hover {
color: grey;
}

/* Equivalent: itembox/itemboxalbum */
.main-inner .widget h2 + div, .footer-inner .widget h2 + div, div.post-outer {
box-shadow: 0 0 10px 2px #000000;
background: url("https://live.staticflickr.com/65535/49573436937_8705aa9eac_o.jpg") repeat scroll 0 0 transparent;
border: 3px solid #fff;
color: white;
font-size: 22px;
font-weight: bold;
margin-bottom: 30px;
margin-top: 12px;
padding: 10px;
text-align: center;
text-shadow: 2px 2px 5px #000000;
}

div#LinkList1 div.widget-content {
text-align: left;
}

div.date-posts {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
background: none !important;
border: none !important;
}

div.widget-content {
font-family: Arial Rounded MT Bold, Arial Rounded MT, Arial Rounded MT;
}

/* Equivalent: itemshadow */
.main-inner .widget, div#date-outer {
box-shadow: 0 0 20px 3px
black;
background: url("https://live.staticflickr.com/65535/49572702373_677e933e6e_m.jpg") repeat scroll 0 0
transparent;
border-bottom: 4px solid black;
border-left: 4px #eee solid;
border-right: 4px solid black;
border-top: 4px #eee solid;
margin-bottom: 50px;
padding: 22px;
position: relative;
right: 301px;
width: 800px;
}

/* Setting the width and the position of the widgets from the sidebar */
div#sidebar-right-1.sidebar .widget {
left: -13px;
position: relative;
width: 220px;
}

.post-footer {
box-shadow: 0 0 10px 2px black inset;
background: #eee;
border: 3px inset #fff;
color: #212121;
font-family: Arial Rounded MT Bold, Arial Rounded MT, Arial Rounded MT;
font-size: 20px;
font-weight: bold;
margin-bottom: 60px;
margin-left: 50px;
margin-right: 50px;
min-height: 100px;
padding: 15px;
position: relative;
text-shadow: 2px 2px 5px black;
top: 8px;
}

.post-footer a {
color: #212121;
}

.post-footer a:hover {
color: #fff;
}

/* Credits */
div#footer-3.foot {
background: url("https://c2.staticflickr.com/8/7330/13942141119_6a8ee0c1df_o.png") no-repeat scroll center bottom transparent;
bottom: 300px;
color: #212121;
font-size: 27px;
font-weight: bold;
height: 47px;
left: -75px;
padding: 0 0 73px;
position: relative;
text-shadow: 2px 2px 5px #000000;
width: 1000px;
}

div#footer-3.foot a {
color: #212121;
}

div#footer-3.foot a:hover {
color: white;
}

div.feed-links {
background-color: #212121;
}

div.feed-links, div.feed-links a:link, div.feed-links a:visited {
color: white;
font-size: 30px;
font-weight: bold;
position: relative;
right: 5px;
text-align: center;
text-decoration: none;
text-shadow: 2px 2px 5px black;
}

div.feed-links a:hover {
color: grey;
}

#blog-pager {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
background-color: transparent;
border: none;
font-size: 120%;
margin-top: 1em;
padding: 15px;
}

.blog-pager-older-link, .home-link, .blog-pager-newer-link {
background-color: #212121;
color: white !important;
font-size: 30px;
font-weight: bold;
text-shadow: -2px 2px 2px black;
}

.blog-pager-older-link:hover, .home-link:hover, .blog-pager-newer-link:hover {
color: grey !important;
}

.cap-top, .cap-bottom, .cap-left, .cap-right {
background-repeat: repeat-x;
height: 0;
position: absolute;
}

/* Divider */
.tabs-outer {
background: url("https://live.staticflickr.com/65535/49573225448_b4bc93f194_o.png") no-repeat scroll center 0 transparent;
border: medium none;
left: -74px;
padding-bottom: 350px;
position: relative;
top: 305px;
width: 1066px;
z-index: 2;
}

/* Buttons */
.tabs-inner .widget ul {
background: none repeat scroll 0 0 transparent;
border: medium none;
height: auto;
margin: 0;
position: relative;
right: 74px;
top: 500px;
width: 1150px;
z-index: 3;
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a, .tabs-inner .widget li a:hover {
background: url("https://live.staticflickr.com/65535/49573437012_752868f61a_o.jpg") no-repeat scroll 0 0 transparent;
border: medium none;
box-shadow: 3px 3px 10px black;
color: gray;
float: none;
font: bold 25px/30px Arial Rounded MT Bold, Arial Rounded MT, Arial Rounded MT;
height: 115px;
margin: 0;
padding: 11px 48px 0 48px;
position: relative;
text-align: center;
text-shadow: 3px 3px 5px #000000;
width: 260px;
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: white;
}

.tabs .widget li, .tabs .widget li {
height: 135px;
list-style-image: none;
margin-bottom: 10px;
margin-left: 20px;
width: 356px;
}

/* Bullets */
li {
list-style-image: url(https://live.staticflickr.com/65535/49573209836_577df81494_o.png);
}

.widget .zippy {
color: #eee;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}

.comments h4 {
color: white;
font: bold 30px Arial Rounded MT Bold, Arial Rounded MT, Arial Rounded MT;
margin: 1.75em 0 1.75em 0;
text-shadow: 2px 2px 5px black;
}

/* Owner's reply */
.comments .comment-thread.inline-thread {
box-shadow: 0 0 20px 5px black inset;
background: #eee;
border: 3px inset white;
}

.comments .comments-content .comment-replies a, div#bc_0_0T_box.comment-replybox-thread a {
color: #212121;  
}

.comments .comments-content .comment-replies a:hover, div#bc_0_0T_box.comment-replybox-thread a:hover {
color: white;
}

.comments .continue {
border-top: 2px solid #212121;
}

.comment-form {
clear: both;
max-width: 1000px;
}

li.comment {
box-shadow: 0 0 20px 5px black;
background: url(https://live.staticflickr.com/1929/44597930845_a6ba002949_o.jpg) scroll repeat transparent;
border: 3px solid white !important;
color: white;
font-weight: bold;
list-style-image: none;
margin-top: 20px;
padding: 25px !important;
}

div.comment-header a, span.item-control a, .comments .comment .comment-actions a {
color: white !important;
}

div.comment-header a:hover, span.item-control a:hover, .comments .comment .comment-actions a:hover {
color: grey !important;
text-decoration: none;
}

.comments .comment-block {
background: none repeat scroll 0 0 transparent !important;
margin-left: 48px;
position: relative;
}

/* For when the feed is turned off */
#comments .comment-author {
border-top: 2px solid #212121;
}

/* Removing the border from an avatar */
#comments .avatar-image-container img {
border: medium none;
}

textarea {
box-shadow: 0 0 10px 2px black inset;
background: url("https://live.staticflickr.com/65535/49573210136_55979683ac_n.jpg") repeat scroll 0 0 transparent;
border: 2px inset white;
color: #212121;
font-family: Arial Rounded MT Bold, Arial Rounded MT, Arial Rounded MT;
font-size: 17px;
font-weight: bold;
height: 100px;
margin-left: -14px;
padding: 10px;
position: relative;
text-shadow: 2px 2px 5px #000000;
width: 457px;
}

/* Error message */
.status-msg-body {
box-shadow: 0 0 10px 2px #000000;
background: url("https://live.staticflickr.com/65535/49573436937_8705aa9eac_o.jpg") repeat scroll 0 0 transparent;
border: 3px solid #fff;
color: white;
font-size: 27px;
font-weight: bold;
margin-left: -11px;
min-height: 90px;
padding: 10px;
position: relative;
right: 4px;
text-shadow: 2px 2px 5px #000000;
}

.status-msg-body a {
color: white;
}

.status-msg-body a:hover {
color: grey;
}

.status-msg-border {
border: medium none;
opacity: 0.4;
position: relative;
width: 100%;
}

.status-msg-bg {
background-color: transparent;
}

/* Credit box */
div#editor div {
box-shadow: 0 0 10px 2px black inset;
background: #eee;
border: 3px inset #fff;
color: #212121;
font-family: Arial Rounded MT Bold, Arial Rounded MT, Arial Rounded MT;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
margin-left: 50px;
margin-right: 50px;
min-height: 123px;
padding: 10px;
text-shadow: 2px 2px 5px #000000;
}
/* End of the codes */

Instructions for installing a theme using CSS, can be found on this page.

You can also use the theme image for your welcome box.

Copy the embed codes below:

Enjoy the theme!

Nolver's Theme Designs

Welcome to Nolver's Theme Designs!

Sunday, 23 August 2026

Theme: Guitars

No comments:

Post a Comment