How to integrate the gallery in my web site?
|
eajunior24
Joined: 2008-05-13
Posts: 21 |
Posted: Tue, 2008-05-13 19:38
|
|
Hi, |
|
| Login or register to post comments |
Posts: 10097
Visual or functional? http://codex.gallery2.org/Gallery2:Embedding#Visual_vs._Functional_Integration
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 21
Thank you to reply.
If I understand how to do, I should modify the theme.css. In my case, I found it in:
public_html/album/themes/matrix/theme.css
I don't know which part to modify exactly cause I don't know anything in CSS.
Can you help me please
Posts: 10097
Use FireFox & firebug:
http://files.jnewland.com/firebug.mov
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 21
I use DREAMWEAVER to modify my web pages. I open the theme.css file of the gallery with but I don't know where to integrate exactly the code that I take from my CSS style.
Please help me cause I like so much the gallery.
Pleaseeeee
Posts: 10097
I don't use DEAMWEAVER so can't help with that. What exactly are you trying to do? URL?
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 21
Ok I try to integrate the album in my web site. I'd like when someone is on my web site, by clicking on album, this person has access to the album but inside my web site, with the header in the top and the menu in the left.
thank you in advance
Posts: 3
Integration.. umm.. if you are lucky you will find a suitable integration package here. http://codex.gallery2.org/Integration
Otherwise you need professional help. You need somebody with good knowledge about HTML and CSS to make your gallery look similar to your site.
Posts: 21
Hi,
Thank you for you help. Have you already used one of them. If so, which one?
Posts: 3
it depends bro.. its like, if you want to integrate it into Joomla! you use the one which says joomla and so on.. You do use a CMS do you? or is it just plain HTML and CSS.. please give out a little detail about your site so i can recommend the correct one.
Posts: 21
I use HTML and CSS
Posts: 3
Aa haa. Then you need professional help.. The integrators wont work. You have to change the template of the gallery. For this you need to know CSS and HTML or know someone who knows them.
Posts: 21
ok I don't know if someone else here can help me. I'm sure that someone has already integrated it in a personnal webpage.
Posts: 10097
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 21
I want when someone click on Album in my website the album opened in my website, not in another webpage. So I want to integrate the album in my web site.
I have modified the theme.css in:
public_html/album/themes/matrix/theme.css
Excepting I don't know which part to modify exactly cause I don't know anything in CSS
Can you help me plz
Posts: 10097
Create a html page like your site with the top and bottom and all the navigation like on the resto fthe site.
Copy the HTML form that page to the template file. You have to have some knowlage of HTML to do this. Or post the URL to the html page that you created with the top/bottom/navigaion/etc, and I can give a hand.
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 21
Ok thank you in advance.
Here is the html code. I identify where to integrate the album by "WHERE TO INSERT THE ALBUM"
-------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<META NAME="AUTHOR" CONTENT="antonio junior edouard" />
<META NAME="TITLE" CONTENT="edounet" />
<META NAME="LANGUAGE" CONTENT="FR, EN" />
<META NAME="REVISIT-AFTER" CONTENT="7 DAYS" />
<META NAME="SUBJECT" CONTENT="informatique" />
<META NAME="ROBOTS" CONTENT="All" />
<META NAME="RATING" CONTENT="Ordinateur, Computer" />
<title>Le Livre d'or</title>
<style type="text/css">
<!--
@import url("styles.css");
.style3 {font-size: x-large}
.Style5 {color: #000000}
.Style6 {color: #800000}
.style1 {font-size: 10px}
.style10 {font-size: 12px}
-->
</style>
<!-- nt-flymenu has 3 scripts, one before </HEAD> and two nearly identical after <BODY> -->
<link rel= “stylesheet” type= “text/css” href= “../agb/templates/skins/AguestNew/alex_livre.css” />
</head>
<body onload="doWave(0)">
<!-- nt-flymenu has 3 scripts, one before </HEAD> and two nearly identical after <BODY> -->
<div class="wrap">
<div class="head_wrap">
<div class="headrow_one">
<div class="rowone_left">
<div ID="theDiv" align="center">
<script language="JavaScript">
/* script edited by David Gardner (toolmandav@geocities.com)*/
//insérez votre texte ici
var theText = "EdouNET.com";
function nextSize(i,incMethod,textLength)
{
if (incMethod == 1) return (40*Math.abs(Math.sin(i/(textLength/2.14))) );
if (incMethod == 2) return (110*Math.abs(Math.cos(i/(textLength/3.14))));
}
function sizeCycle(text,method,dis)
{
output = "";
for (i = 0; i < text.length; i++)
{
size = parseInt(nextSize(i +dis,method,text.length));
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
}
theDiv.innerHTML = output;
}
function doWave(n)
{
sizeCycle(theText,1,n);
if (n > theText.length) {n=0}
//réglez la vitesse
setTimeout("doWave(" + (n+1) + ")", 100);
}
</script>
</div>
</div>
<div class="rowone_right"></div>
</div>
<div class="headrow_two">
<div class="rowtwo_left"></div>
<div class="rowtwo_right"></div>
</div>
<div class="headrow_three">
<div class="rowthree_left">
<div class="searchbox_wrap">
<form method="get" action="http://www.google.com/search"
target="_blank">
<input name="ie" value="UTF-8" type="hidden" />
<input
name="oe" value="UTF-8" type="hidden" />
<table class="searchtable" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><select class="searchbox1" name="sitesearch" size="1"
style="text-align: left;">
<option selected="selected" value="wholives.com">Ici</option>
<option value="">Web</option>
</select> </td>
<td style="width:100%;"><input class="searchbox2" name="q" size="10" maxlength="255" value="" style="width:100%;" type="text" /> </td>
<td><input class="searchbutton" name="btnG" value="Recherche"
type="submit" /></td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div>
<div class="headrow_four">
<ul class="toptabmenu">
<li><a class="current_tab" href="index.html">Accueil</a></li>
<li><a href="auteur.html">Auteur</a></li>
<li><a href="#">Albums</a ></li>
<li><a href="services.html">Services</a></li>
<li><a href="http://www.edounet.com/forum/index.php">Forum</a></li>
<li><a href="livredor.php">Commentaires</a ></li>
</ul>
</div>
<div class="headrow_five">
<div class="rowfive_content"> </div>
</div>
</div>
<!-- end head_wrap -->
<div class="body_column">
<div class="left_column">
<div class="ntmenu_container">
<ul id="nav">
<li><a href="index.html" class="toplevel">Accueil</a></li>
<li><a href="auteur.html" class="toplevel">Auteur</a></li>
<li><a href="#" class="toplevel">Albums</a>
<ul>
<li><a href="#" class="level2">Mon album personnel</a></li>
<li><a href="#" class="level2">Album de ma famille</a></li>
<li><a href="#" class="level2">Photos de mes amis</a></li>
<li><a href="#" class="level2">Autres photos</a></li>
</ul>
</li>
<li><a href="services.html" class="toplevel">Services</a></li>
<li><a href="http://www.edounet.com/forum/index.php" class="toplevel">Forum</a></li>
<li><a href="livredor.php" class="toplevel">Commentaires</a></li>
<li><a href="#" class="toplevel">Archives</a>
<ul>
<li><a href="#" class="level2">Année 2008</a></li>
<ul>
<li><a class="level3"
title=""
href="janv08.html">Janvier</a> </li>
<li><a class="level3"
title=""
href="fev08.html">Février</a> </li>
<li><a class="level3"
title=""
href="mars08.html">Mars</a> </li>
<li><a class="level3"
title=""
href="avril08.html">Avril</a> </li>
<li><a class="level3"
title=""
href="mai08.html">Mai</a> </li>
<li><a class="level3"
title=""
href="juin08.html">Juin</a> </li>
<li><a class="level3"
title=""
href="juil08.html">Juillet</a> </li>
<li><a class="level3"
title=""
href="aout08.html">Août</a> </li>
<li><a class="level3"
title=""
href="sept08.html">Septembre</a> </li>
<li><a class="level3"
title=""
href="oct08.html">Octobre</a> </li>
<li><a class="level3"
title=""
href="nov08.html">Novembre</a> </li>
<li><a class="level3"
title=""
href="dec08.html">Décembre</a> </li>
</ul>
<li><a href="#" class="level2">Année 2007</a></li>
<ul>
<li><a class="level3"
title=""
href="nov07.html">Novembre</a> </li>
<li><a class="level3"
title=""
href="dec07.html">Décembre</a> </li>
</ul>
</ul>
</li>
<li><a href="#" class="toplevel">Trucs et Astuces</a>
<ul>
<li><a href="#" class="level2">Microsoft Windows</a></li>
<ul>
<li><a href="win2000.html" class="level2">Microsoft Windows 2000</a></li>
<li><a href="win2003.html" class="level2">Microsoft Windows 2003</a></li>
<li><a href="winXP.html" class="level2">Microsoft Windows XP</a></li>
<li><a href="winVista.html" class="level2">Microsoft Windows Vista</a></li>
</ul>
<li><a href="#" class="level2">Microsoft Office 2007</a></li>
<li><a href="#" class="level2">Bases de registre</a></li>
<li><a href="#" class="level2">Autres</a></li>
</ul>
</li>
<li><a href="liens.html" class="toplevel">Liens</a></li>
<li><a href="contact.html" class="toplevel">Contact</a> </li>
<li><a href="plan.html" class="toplevel">Plan du site </a> </li>
<li><a href="#" class="toplevel"> </a></li>
<li><a href="#" class="toplevel"> </a></li>
<li> </li>
<p><script type="text/javascript" src="http://www.abcompteur.com/live/?code=0/142/8087/2/1&ID=329950"></script><noscript><a href="http://www.abcompteur.com/">ABCompteur : compteur gratuit</a></noscript></p>
</ul>
<p> </p>
<ul>
<p><a href="#" class="toplevel"></a> </p>
<p align="left" class="Style5">Depuis dec 07: <script type="text/javascript" src="http://www.abcompteur.com/cpt/?code=5/46/8087/8/1&ID=329918"></script></p>
</ul>
</div>
</div><!-- END LEFT -->
<div class="center_content">
WHERE TO INSERT THE ALBUM
</div>
<!-- END CONTENT -->
<div class="footer_top">
<ul class="basemenu">
<p><script language="javascript">date = document.lastModified;jour = date.charAt(3)+date.charAt(4);mois = date.charAt(0)+date.charAt(1);an = date.charAt(6)+date.charAt(7)+date.charAt(8)+date.charAt(9);document.write("Dernière mise à jour le: ",jour,"/",mois,"/",an);</script></p>
</ul>
</div>
<div class="footer_bottom">Copyright © EdouNET 2007 | Tous droits réservés | Design by the EdouNET</div><!-- END FOOT -->
<!-- LIENS UTILES -->
<div class="right_column" style="position: absolute; left: 983px; top: 0px; height: 427px">
<div class="featuredservices_container">
<h3 align="center">Citation du jour</h3>
<p> </p>
<div class="featuredservices_nav">
<script language="JavaScript" src="http://www.evene.org/citajour.js"></script>
</div>
<p> </p>
</div><!-- END RIGHT -->
</div>
<!-- END BODY -->
</div>
<!-- END WRAP -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-3351393-1";
urchinTracker();
</script>
</body>
</html>
Posts: 10097
I guess I will need the content of:
@import url("styles.css");
or the url
because I don't want to proceed with a page that looks like:
http://langleycom.com/test.php
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 21
Ok here is the style.css
----------
/* * * * browser equalization * * * */
*/
/* no touchy the rules in this section unless you know what you're doing
* {margin: 0; padding: 0; }
body {
margin:1px 0px;
padding:0;
background: #ffffff url("backgrounds/linear2.jpg") no-repeat 8% -100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size: .60em;
color:#000000;
}
/************ BODY AND HEAD **********/
* {margin:0;padding:0;}
form {margin:0;padding:0;}
img {border:0;}
p {}
/*** RELOAD IMAGES BY PUTTING IMAGES
IN THIS CLASS, AT THE BASE OF THE HTML *******/
.hiddenpic {display:none;}
/**** For accessibility issues, if CSS fails ****/
.hide {display:none;}
/**** HEAD STRUCTURE AND STYLES,
ABSOLUTE POSITIONED FOR STABILITY ****/
/*** wraps the head rows, and
also preloads images below ****/
.head_wrap {
z-index:500;
display:block;
position:absolute;
top:2px;
left:0%;
width:100%;
margin:0 auto;
padding:0;
text-align:center;
}
/*** For preloading all the page's images, just add all images ***/
/*** Preload media ***/
.head_wrap {
background-image: url("media/cornerblue3.gif");
background-image: url("media/cornerblue3.gif");
background-image: url("media/goldbird.jpg");
background-image: url('media/tickon-duo-redblu.gif');
background-repeat: no-repeat;
background-position: -5000px;}
/**** end preload images ****/
.headrow_one {display:block;margin:0;padding:0;width:100%;
height:60px;border-top: 2px outset #ffffff;color:#ffcc33;
background: transparent url("media/goldbird.jpg") no-repeat;}
.rowone_left {float:left;margin:0;padding:0;width:39.9%;height:60px;
text-align:left;}
.rowone_right {float:right;margin:0;padding:0;padding-top:25px;
width:59.9%;text-align:center;color:#ffcc33;}
/*** two is now blank ***/
.headrow_two {display:block;margin:0;padding:0;width:100%;height:4px;
background-color: #930209;border-top: 2px outset #ffffff;
line-height:4px;}
.rowtwo_left {float:left;margin:0;padding:0;width:39.9%;text-align:left;}
.rowtwo_right {float:right;margin:0;padding:0;width:59.9%;}
/*** three has searchbar ****/
.headrow_three {display:block;margin:0;padding:0;width:100%;height:25px;
background-color: #930209;border-top: 2px outset #ffffff;}
.rowthree_left {float:left;margin:0;padding:0;width:39.9%;text-align:left;}
.rowthree_right {float:right;margin:0;padding:0;width:59.9%;}
/*** four (centered) holds top tabs menu ****/
.headrow_four {display:block;margin:0 auto;padding:0;width:100%;
background-color: #293158; border-top:2px outset #ffffff;text-align:center;color:#ffffff;}
/**** five now blank, blue with top yellow border ****/
.headrow_five {display:block;margin:0 auto;padding:0;width:100%;
background-color: #ffcc33;border-bottom: 2px outset #ffffff;text-align:center;line-height:4px;}
.rowfive_content {display:block;margin:0 auto;padding:0;width:100%;text-align:center;
color:white;}
/**** end head_wrap ****/
/**** VERY IMPORTANT NOTE ****/
/****
KEEP ALL ABSOLUTE POSITIONED DIVS INSIDE ANY ABSOLUTE PARENT DIVS. HERE,
THE ABSOLUTE BODY CONTAINER HOLDS THE LEFT AND RIGHT ABSOLUTES, PLUS THE FLOW POSITIONED
CENTER CONTENT DIV. THIS WORKS TO KEEP ALL ABSOLUTE POSITIONED WORK BOXES
VISIBLE IN Nvu and Dreamweaver Editors. IT's JUST A Z-INDEX RELATED FIX FOR
WYSIWYG HTML EDITORS. VERY IMPORTANT NOTE ****/
/*** NOTE: Did body_column full width, and layed
left and right over it, so that the footer could
also be full width at the base of the page, back
into flow mode. THE EXACT ORDER OF DIV ABSOLUTE NESTING:
HEAD IS SEPERATE, POSITIONED TO TOP. BODY
ON DOWN, LIKE THIS:
BODY LEFT CENTER FOOTER RIGHT ***/
.left_column {
z-index:400;
position:absolute;
top:0px;
left:0%;
width:22%;
margin:0;
padding:0;
text-align:left;
}
.body_column {
z-index:200;
position:absolute;
top:140px;
left:0%;
width:977px;
margin:0 auto;
padding:0;
text-align:center;
}
/**** "center_content" ****/
.center_content {
display:block;margin:0 auto;margin-top:15px; padding:0;width:55%;
background-color:transparent;text-align:left;}
/**** "center_content" link styles ****/
.center_content a:link, .center_content a:visited {
color:#336699;text-decoration:none; border-bottom:1px dashed #000000;}
.center_content a:hover, .center_content a:active {
color:#000000;background-color: #eaeaea;border-bottom:1px dashed #336699;}
.footer_top {display:block;clear:both;margin:0px;padding:0px;
width:100%;background-color: #930209;border-top:2px outset #ffffff;
text-align:center;color:#FFFFFF;}
/**** "FOOTER_TOP = basemenu" HORIZONTAL ****/
ul.basemenu {display:block; margin:0; padding:0; padding-bottom:2px;
list-style: none inside; text-align: center;}
ul.basemenu li {margin:0; padding:0; display:inline;}
/**** "basemenu" menu link styles ****/
ul.basemenu li a:link, ul.basemenu li a:visited {color:#FFFFFF;
text-decoration:none; border-bottom:1px dashed #FFCC33;}
ul.basemenu li a:hover, ul.basemenu li a:active {color:#000000;
background-color: #FFFFFF;border-bottom:1px dashed #990000;}
.footer_bottom {display:block;clear:both;margin:0px;
padding:0px 0px 2px 0px;width:100%;background-color: #293158;
border-top:2px outset #ffffff;border-bottom: 2px outset #ffffff;
text-align:center;color:#ffffff;}
/**** "footer_bottom" link styles ****/
.footer_bottom a {color:#FFFFFF;text-decoration:none;
border-bottom:1px dashed #FFCC33;}
.footer_bottom a:hover {color:#000000;background-color: #FFFFFF;
border-bottom:1px dashed #990000;}
.right_column {
z-index:300;
position:absolute;
top:0px;
left:78%;
width:252px;
margin:0;
padding:0;
text-align:center;
height: 429px;
}
/*** BEGIN FORMS STYLING ***/
form {margin:0;padding:0;}
/*** Google Search Box ****/
/** searchbox_wrap used for margin-top
fix for table margin-top prob , and
problem that 100% width does not work,
borders break layout **/
.searchbox_wrap {
display:block;float:left;margin:0;margin-top:3px; margin-bottom:3px;
padding:0;padding-left:10px;border:0;text-indent:10px;}
.searchtable {
margin:0 auto;padding:0;border:0;text-align:center;
/*** keeps boxes open, no 100% here ****/
width:99%;}
.searchbox1 {
margin:0;padding:0;background-color: #eaeaea;
text-align: left;color: #000000;
width:auto;font-size:10px;}
.searchbox2 {
margin:0;padding:0;background-color: #eaeaea;
text-align: left;color: #000000;width:auto;
font-size:10px;}
.searchbutton {
margin:0;padding:0;width:auto;
font-size:11px;border:1px ridge #cccccc;
background-color:#293158;color: #ffffff;}
/**** STYLES FOR TOP TAB UL MENU ******/
/**** FLOAT:LEFT WAS NEVER USED IN MANY HORIZONTAL ULs *****/
ul.toptabmenu {display:block; margin:0; padding:0; padding-top:4px;
list-style: none inside; text-align: center;}
ul.toptabmenu li {display:inline;}
/**** "toptabmenu" menu link styles ****/
ul.toptabmenu li a {padding: 0px 4px 0px 4px;
background: #fff9e1 url("media/cornerblue3.gif") no-repeat right top;
color:#000000;text-decoration:none;}
ul.toptabmenu li a:hover, ul.toptabmenu li a:active,
.toptabmenu .current_tab {padding: 0px 4px 0px 4px;
background: #ffcc33 url("media/cornerblue3.gif") no-repeat right top;
color:#000000;text-decoration:none;}
/*** ntmenu can be used as a norml UL menu, or as a
javascript flyout menu. Just needs the 3 scripts,
enclosed with this template. ntrk ****/
/*** ntmenu_container to align and to pad ****/
.ntmenu_container {
/*** margin:0 auto; to center nav in left column ***/
/** I now have it align left, 15px left pad, this template ****/
margin:0;
padding:0;
padding-top:15px;
padding-left:10px; /**** used only if menu aligns left in left column ****/
/** text-align:center; to center nav in left column ***/
width:136px;
}
/*** Levels: Styles and Positioning *****/
.toplevel {
FONT-SIZE: 11px;
WIDTH: 136px;
COLOR: #000000; font-weight:bold;
BORDER-BOTTOM: #866a32 0px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.level2,
.level3 {
FONT-SIZE: 11px;
WIDTH: 200px;
COLOR: #000000;
/** if li border here, do also with hover **/
FONT-FAMILY: Arial, Helvetica, sans-serif;
text-indent:2px;
}
/***** ITEM STYLES *****/
/*** Align all text left or center here ***/
#nav {
margin:0;
padding:0;
WIDTH: 136px;
LIST-STYLE-TYPE: none;
text-align:left;
}
/*** first level background image button
and padding above below buttons ***/
#nav .toplevel {
/*** CSS is the Better way, but Button BACKGROUND
or button side image file here; Text indent here also ****/
padding-top:6px; /*** padding here is above below buttons ***/
padding-bottom:6px;} /*** padding here is above below buttons ***/
/**** BACKGROUND: url("/oxis/images_OSIS/blankbevblue.gif") no-repeat center; ****/
/** darkblue button-look = background #2b4b7c **/
/*** background-color:#333366;border: 1px ridge #ffffff;text-indent:5px; ***/
/*** 2nd + 3rd level list items ****/
/*** padding here is above below 2nd level buttons ***/
#nav LI LI,
#nav LI LI LI {
padding-top:2px; /*** padding here is above below buttons ***/
padding-bottom:2px; /*** padding here is above below buttons ***/
}
/**** 2nd-3rd backgrounds of flyout boxes (UL) NO BORDER CAUSE GRABS FIRST ****/
#nav UL, #nav UL UL {
margin:0; padding:0; FLOAT: left; WIDTH: 100%; LIST-STYLE-TYPE: none;
BACKGROUND-COLOR: #FFFFFF;
}
#nav LI {
FLOAT: left;
}
/*** 2nd main FLYOUT. Second List position: (margin-left:distance) ****/
#nav LI UL {
MARGIN-TOP: -1.8em; LEFT: -999em; MARGIN-LEFT: 136px; BORDER: 1px solid #000000;
width:200px; POSITION: absolute;
}
/**** 3rd main FLYOUT. Third list postion (margin-left:distance) *****/
#nav LI UL UL {
MARGIN-TOP: -1.7em; LEFT: -999em; MARGIN-LEFT: 200px; BORDER: 1px solid #000000;
width:200px;; position: abolute;
}
/*** This one effects all LI, All levels ****/
#nav LI A {
DISPLAY: block; margin:0; padding:0; TEXT-DECORATION: none;
}
/*** Main List Hover (gold) ****/
#nav LI A:hover {
COLOR: #ffcc00;
background-color:#2B2B4C;
/*** li hover border here ***/
/**** if hover background-color:#eaeaea; desired ****/
}
/*** 2-3-4 fly lists items link, can color
or border or underline here ***/
#nav LI LI A,
#nav LI LI LI A,
#nav LI LI LI LI A {
DISPLAY: block;
TEXT-DECORATION: none;
color:#000000;
}
/*** 2-3-4 fly lists items link-hover can color
or border or underline here ***/
#nav LI LI A:hover,
#nav LI LI LI A:hover,
#nav LI LI LI LI A:hover {
COLOR: #000000;
BACKGROUND-COLOR: #d5dde8
}
/*** aligns left ***/
#nav LI:hover UL UL {LEFT: -999em;}
#nav LI:hover UL UL UL {LEFT: -999em}
#nav LI.sfhover UL UL { LEFT: -999em;}
#nav LI.sfhover UL UL UL { LEFT: -999em}
#nav LI:hover UL { LEFT: auto}
#nav LI LI:hover UL { LEFT: auto}
#nav LI LI LI:hover UL { LEFT: auto}
#nav LI.sfhover UL { LEFT: auto}
#nav LI LI.sfhover UL { LEFT: auto}
#nav LI LI LI.sfhover UL { LEFT: auto}
/* Fix IE. Hide from IE Mac \*/
html #nav li { float:left; height:1%; }
html #nav li a { height:1%; }
/* End */
/**** RightTop FeaturedServices Menu ****/
.featuredservices_container {margin:0 auto;margin-top:15px;width: 90%;text-align:left;}
.featuredservices_nav ul { list-style: none;width: 100%;}
.featuredservices_nav li {margin-top: 4px;text-indent:15px;width:auto;}
.featuredservices_nav li a {font-weight: bold;height: 15px;padding-top:3px;
text-decoration: none;color: #505050;display: block;border-left: 4px solid #333366;
width:auto;background: #f4f4f4 url(media/tickon-duo-redblu.gif) no-repeat 0px 4px;}
.featuredservices_nav li a:hover {color: #333366;border-left: 4px solid #930209;
width:auto;background: #eaeaea url(media/tickon-duo-redblu.gif) no-repeat 0px -16px;}
/*** end ***/
h1 {
margin:0; padding:0; padding-left:10px;line-height:22px; font-size: 18px; font-weight: bold;color: #eaeaea; width:auto; filter:dropshadow(color=#658AB7, offx=1, offy=1, positive=true);}
h2 {margin:0; padding:0;padding-top:5px;font-size: 1.35em;font-weight: bold;color: #000000;
width:100%;filter:dropshadow(color=#C2BBAF, offx=2, offy=2, positive=true);}
h3 {
margin:0; padding:2px 0px;background-color:#293158;border-bottom: 1px solid #ffcc33;
border-top: 1px solid #ffcc33;border-right: 20px double #930209;color: #ffffff;
font-size: 1.25em;font-weight:normal;text-indent:2px;}
h4 {margin:0;padding:0;font-size:.8em;font-weight:bold;color: #000000;}
Posts: 10097
Below is a custom theme based on what you provided. rename to theme.tpl
It is based on the matrix theme. You will have to play with the font size of the theme.css as well as adjust links. I hard coded the css you provided so you will have ot change that as well.
I would create a custom theme:
http://codex.gallery2.org/Gallery2:Themes:How_to_Copy_an_Existing_Theme
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 21
Hi Dave,
Thank you for your help. This attachement file can you send it to me by email (I don't know if it's forbiden here) cause I have a problem with my browser, I cannot have the text file when I click on it. If it's possible, here is my email adress:
thank you
Posts: 21
Thank you DAVE everything is ok
Posts: 21
Another question.
I'd like to modify the theme.css to increase the font size of the left menu in the gallery but I don't find the right name of the left menu and the links.
Here the url
http://s005.panelboxmanager.com/~edounet/album/main.php
Posts: 10097
theme.css change
#gsSidebar { border-right-width: 1px; width: 175px; overflow: hidden; font-size: 150%; }add the bold
or
#gallery { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 63.1%; color: #333; background-color: #fff; }USe FF and the dev tool with firebug for CSS help.
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 10097
theme.css change
#gsSidebar { border-right-width: 1px; width: 175px; overflow: hidden; font-size: 150%; }add the bold
or
#gallery { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 63.1%; color: #333; background-color: #fff; }USe FF and the dev tool with firebug for CSS help.
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 21
It's working only for the left menu but for some links NO. For example, links NEXT, PREVIOUS, and LOGIN, REGISTER
Posts: 10097
http://gallery.menalto.com/node/70126
That is what I would do / use.
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 21
I try but I don't know how to use it. I'd like just to identify the name of the option in theme.css where to modify