Support > cpg1.5 theme contributions

Theme Pinmine for cpg1.5.x

<< < (7/7)

allvip:

--- Quote from: farrahscreations on January 20, 2015, 08:49:57 am ---I want to change the text header to an image header.

--- End quote ---

Open style.css and:

find :


--- Code: ---#cpg_logo_block_logo {
    text-align: center;
}

--- End code ---

replace with:


--- Code: ---#cpg_logo_block_logo {
    text-align: center;
    background-image: url(images/1.jpg);
    background-repeat: no-repeat;
    height: 5rem;
}

--- End code ---

find:


--- Code: ---#cpg_pin_sub_bar {position: absolute; top: 44px; right: 0; left: 0; text-align: center; font-size: 13px; color: #8c7e7e; background-color: #faf7f7; border-top: 1px solid #cfcaca; z-index: 102; box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);}

--- End code ---

replace with:


--- Code: ---#cpg_pin_top_bar {
#cpg_pin_sub_bar {position: absolute; top: 5rem; right: 0; left: 0; text-align: center; font-size: 13px; color: #8c7e7e; background-color: #faf7f7; border-top: 1px solid #cfcaca; z-index: 102; box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);}

--- End code ---

Put the image you want to use in the images folder and replace     background-image: url(images/1.jpg); in the above code with your image name.
Also replace 5rem in both code with your desired number like 8rem to be bigger.

You also can remove from template.html  to remove text header:


--- Code: ---<a href="index.php" style="text-decoration:none;"><span class="spanh1">{GAL_NAME}</span></a>
--- End code ---

or position to the left:

change in #cpg_logo_block_logo style text-align: center; with text-align: left;

allvip:
Another way because I don't exactly what you want.

Open template.html and:

find:


--- Code: ---<a href="index.php" style="text-decoration:none;"><span class="spanh1">{GAL_NAME}</span></a>

--- End code ---

replace with:


--- Code: ---<img src="themes/pinmine/images/1.jpg" border="0" width="260" height="60" alt="" /><a href="index.php" style="text-decoration:none;"><span class="spanh1">{GAL_NAME}</span></a>
--- End code ---

Open style.css:

find:


--- Code: ---#cpg_logo_block_logo {
    text-align: center;
}

--- End code ---

replace with:


--- Code: ---#cpg_logo_block_logo {
    text-align: left;
height: 5rem;
padding: 2%;
}

--- End code ---

find


--- Code: ---#cpg_pin_sub_bar {position: absolute; top: 44px; right: 0; left: 0; text-align: center; font-size: 13px; color: #8c7e7e; background-color: #faf7f7; border-top: 1px solid #cfcaca; z-index: 102; box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);}


--- End code ---

replace with:


--- Code: ---#cpg_pin_sub_bar {position: absolute; top: 8rem; right: 0; left: 0; text-align: center; font-size: 13px; color: #8c7e7e; background-color: #faf7f7; border-top: 1px solid #cfcaca; z-index: 102; box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);}


--- End code ---

You also can remove from template.html :


--- Code: ---<a href="index.php" style="text-decoration:none;"><span class="spanh1">{GAL_NAME}</span></a>

--- End code ---

to remove text header

Navigation

[0] Message Index

[*] Previous page