Piwigo.org

webdesign · 2009-10-23 10:27:42

hello , how can i change the heade design like the demo version?
http://uploadpic.org/view-pic-img.html? … &w=720
and how can i create a new navigatiob box like Kategorien ??

ddtddt · 2009-10-23 10:50:49

I suggest you continue on your post in German ;-)

webdesign · 2009-10-23 13:41:09

ok , i saw it, can you post the code ?
because it looks great in the demo version , i want then ust change the links

webdesign · 2009-10-23 13:44:49

and how can i createt a box like that :; http://www3.pic-upload.de/23.10.09/nblcnimvpy54.jpg

VDigital · 2009-10-24 00:19:48

Hi webdesign,

We can help you and explain all points.

But I would like to know exactly what you want to do.
Because all images are copyright protected.
They must be use on our website and not elsewhere.
Rights are owned by our designer.

If you intend to use other images but you want some explaination on the code used
(CSS and HTML), we can give you the requested support but think it is not or main priority.

Is that suit you?

Best regards,

VDigital · 2009-10-24 00:33:48

example boxes:

Top: !=======================================!

UL: ! !

Bottom: !=======================================!

Top is dl
UL is ul
Bottom is dd

Code:

<dl id="mbCategories">
<dt>
  <a rel="nofollow" title="displays only recently posted images" href="index.php?&amp;filter=start-recent-7"><img alt="start filter" class="button" src="template/yoga/theme/Sylvia/icon/start_filter.png"/></a>
  <a href="index.php?/categories">Categories</a>
</dt>
<dd>
  
<ul>

<li><a title="27 images in this category" href="index.php?/category/Africa">Africa</a>
<span title=" 27 images in this category" class="menuInfoCat">[27]</span>
</li>

<li><a title="150 images in this category" href="index.php?/category/America">America</a>
<span title=" 150 images in this category" class="menuInfoCat">[150]</span>
</li>
....

<li><a title="" href="index.php?/category/55">VDigital external real-cats (Private)</a>
</li></ul>
  <p class="totalImages">575 images</p>
</dd>  </dl>

If you are not able to code the box and making it working as you like we can help you for CSS.
But the web is full of advices on CSS.

webdesign · 2009-10-24 19:44:58

thanks ,
i want to add a new box, which some links like menü, but which tpl files muss i edited

webdesign · 2009-10-24 19:55:33

can i remove the link in the footer, and put it on the page about us?

webdesign · 2009-10-24 20:45:58

so what i would do : http://www2.pic-upload.de/24.10.09/4z5r9w727d17.jpg

Which tpl. files muss i edited to created box like 1 in the pictures

but I want to change my header like the demo <div id="logo-floater"> but i need the css code
and change the links , Basiscs to Most commented etc [2]

VDigital · 2009-10-24 20:53:54

Before giving you explanation on How,
could you reply to our question?
Thanks.

I did want to reply till what you are doing is clear for us.

[Forum, post 109655 by VDigital in topic 15441] Header Like Demo

webdesign · 2009-10-24 21:09:29

i didn't want to use any image from your site demo , i want want to use i want to use this image as background http://www2.pic-upload.de/24.10.09/kwpobqy14xjj.jpg

VDigital · 2009-10-24 21:19:56

HTLM

Code:

<ul class="primary-links">
                <li class="menu-115 first"><a title="All you should know about Piwigo" href="http://piwigo.org/basics">Basics</a></li>
                <li class="menu-116"><a title="The demonstration gallery" href="http://piwigo.org/demo">Demo</a></li>
                <li class="menu-117"><a title="Read and search online documentation" href="http://piwigo.org/doc">Documentation</a></li>
                <li class="menu-118"><a title="Read what others have asked and ask for support." href="http://piwigo.org/forum">Support</a></li>
                <li class="menu-119"><a title="Plugins, themes, templates, tools" href="http://piwigo.org/ext">Extensions</a></li>
                <li class="menu-120 last"><a title="Help us, help other users, help yourself" href="http://piwigo.org/contribute">Contribute</a></li>
        </ul>

CSS

Code:

ul.primary-links { float:right; margin:0; padding:0; position:absolute; z-index:4; list-style-type: none;
font-family:Verdana,sans-serif; font-size:12px; line-height:170%; left:351px; top: 0px; width:680px; }
ul.primary-links li {
background-image:none; float:left; margin:0 1em 0 0; padding:0; }
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
border:0; color:#FF7700; display:block; margin:0 1em;
padding:0.75em 0 0; text-decoration:none; }
ul.primary-links li a:hover { color: #ff3333; border-bottom: 1px solid #ff3363; outline: 0; }
ul.primary-links li.menu-115 { /* BASICS */ padding-left: 50px; padding-top: 30px; }
ul.primary-links li.menu-116 { /* DEMO */ padding-left: 62px; padding-top: 0px; }
ul.primary-links li.menu-117 { /* DOC */ padding-left: 0px;   margin-left: -35px; padding-top: 89px; }
ul.primary-links li.menu-118 { /* FORUM */ padding-left: 0px;   padding-top: 50px; font-weight: bold; }
ul.primary-links li.menu-119 { /* EXT */ padding-left: 0px;   margin-left: -12px; padding-top: 80px; }
ul.primary-links li.menu-120 { /* CONTRIB */ padding-left: 14px; margin-left: 0px; padding-right:0; padding-top: 55px; }
ul.primary-links li.menu-120 a { padding-right:0;}

/* hacks for IE7 */
*+html .primary-links { white-space: nowrap; }
*+html ul.primary-links li.menu-116 { /* DEMO */ padding-left: 72px; }
*+html ul.primary-links li.menu-117 { /* DOC */ margin-left: -33px; }
*+html ul.primary-links li.menu-118 { /* FORUM */ margin-left: 1px; }
*+html ul.primary-links li.menu-120 { /* CONTRIB */ margin-left: -5px; }
*+html ul.primary-links li.menu-120 a { padding-right:0; margin-left: 18px;}

webdesign · 2009-10-24 21:30:52

great support
abd how can i creat the box link in the pci 1?

VDigital · 2009-10-24 22:16:13

webdesign wrote:
in the pci 1?

???

webdesign · 2009-10-24 22:48:28

sorry,
you can see in this pictures http://www2.pic-upload.de/24.10.09/4z5r9w727d17.jpg the box 1 with links as head
how can i createt such a box
and thankssss

Piwigo.org

Announcement

#1 2009-10-23 10:27:42

Header Like Demo

#2 2009-10-23 10:50:49

Re: Header Like Demo

#3 2009-10-23 13:41:09

Re: Header Like Demo

#4 2009-10-23 13:44:49

Re: Header Like Demo

#5 2009-10-24 00:19:48

Re: Header Like Demo

#6 2009-10-24 00:33:48

Re: Header Like Demo

Code:

#7 2009-10-24 19:44:58

Re: Header Like Demo

#8 2009-10-24 19:55:33

Re: Header Like Demo

#9 2009-10-24 20:45:58

Re: Header Like Demo

#10 2009-10-24 20:53:54

Re: Header Like Demo

#11 2009-10-24 21:09:29

Re: Header Like Demo

#12 2009-10-24 21:19:56

Re: Header Like Demo

Code:

Code:

#13 2009-10-24 21:30:52

Re: Header Like Demo

#14 2009-10-24 22:16:13

Re: Header Like Demo

webdesign wrote:

#15 2009-10-24 22:48:28

Re: Header Like Demo

Board footer