Added Free Theme Page to my site.

superdad · 16-12-2009 02:26:48

Tried only to put themes that either I have converted or built from scratch. First page of many to come.
http://www.soloinc.com/index.php?file=kop14.php

Wish I could do more.

a_bach · 16-12-2009 09:00:45

superdad wrote:

Tried only to put themes that either I have converted or built from scratch. First page of many to come.
http://www.soloinc.com/index.php?file=kop14.php
Wish I could do more.

In your site theme:

<style> body{ margin-left: 18%}</style>

Why? Its look wird..

BTW - Nice site

superdad · 16-12-2009 12:45:34

As I recall, couldn't get that page to center properly so instead of <style>margin-left:auto; margin-right:auto;</style> which for some reason didn't work. I chose 18% to keep it relatively centered. At this point I am more old school and haven't gotten css down right, yet.

What exactly looks weird. I would like to fix it. It looks fine for me on a Mac running OSX and PC running windows7. Although i have some dots to the right in the background that I can't seem to get rid of. Any suggestions would be appreciated.

a_bach · 16-12-2009 16:06:55

superdad wrote:

As I recall, couldn't get that page to center properly so instead of <style>margin-left:auto; margin-right:auto;</style> which for some reason didn't work. I chose 18% to keep it relatively centered. At this point I am more old school and haven't gotten css down right, yet.
What exactly looks weird. I would like to fix it. It looks fine for me on a Mac running OSX and PC running windows7. Although i have some dots to the right in the background that I can't seem to get rid of. Any suggestions would be appreciated.

Problems are
position:relative;
width:620px;
in body.

Remove it, then in first div set: margin:0 auto, text-align:center, width:100px (f.ex).

This should work.

A_Bach

superdad · 16-12-2009 16:50:26

now I am confused. I do not have those items in my pluck portion of the site. Can you give me the page? My css for pluck has no such information. I will check my install of eticket and agilebill as well as my dotster install. It was a bit difficult getting all these products to match.

a_bach · 16-12-2009 17:23:55

superdad wrote:

now I am confused. I do not have those items in my pluck portion of the site. Can you give me the page? My css for pluck has no such information. I will check my install of eticket and agilebill as well as my dotster install. It was a bit difficult getting all these products to match.

Chceck your hoverbox.css (line 17)

superdad · 16-12-2009 17:52:28

Oh, hoverbox! This is something I did not mess with at all. I'll check it out and see what happens when I change those parameters. Thanks.

superdad · 16-12-2009 17:55:17

what does (f.ex) mean?

a_bach · 16-12-2009 18:15:26

superdad wrote:

what does (f.ex) mean?

for example. This mean you can change 1000px to something else

margin:0 auto - center div
text-align:center - fixing problems with above in IE
width:xxxpx - you need this when you use margin auto.

xxx - this is f.ex

superdad · 16-12-2009 18:30:43

I did the changes , do you see the difference? I don't notice any difference in the placement of the hoverbox images. They are still shifted to the left slightly. How can I get them to center inside the page?

a_bach · 16-12-2009 19:24:05

superdad wrote:

I did the changes , do you see the difference? I don't notice any difference in the placement of the hoverbox images. They are still shifted to the left slightly. How can I get them to center inside the page?

#content_full h1
remove width (this fix ----- showed on the right)

set #container {
margin:0 auto;
text-align:center;
}

remove
margin-left:18%; from body (script)

If you are using ff install firebug addon

superdad · 16-12-2009 19:47:06

did the first 2 fixed the..... on the right, thanks.
Still can't find the"margin-left:18%; from body script.
I will install firebug and see what it says.

My theme script attached:
@charset "utf-8";
/* CSS Document */

body{
margin:0;
color:#232323;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
background:#4C78A7 url(images/back_all.jpg) repeat-x;
background-attachment:scroll;

background-position: top;
clip: rect(auto,auto,auto,auto);
top: 5px;
}
div, h1, h2, h3, h4, h5, p, form, label, input, textarea, img, span{
margin:0; padding:0;
font: / Trebuchet MS, Lucida Grande, Arial,Veranda, Helvetica, sans-serif;
}

ul{
margin:0;
padding:0;
list-style-type:none;
font-size:0;
line-height:0;
}

.spacer{
clear:both;
font-size:0;
line-height:0;
}

/*------------------------------------------------body--------------------*/
#container {
margin:0 auto;
text-align:center;
}

#header
{
margin:0 auto;
padding:0px;
width:955px;
height:46px;
background:#ffffff url(images/header.gif) 0 0 no-repeat;
border-left:#82919f 2px solid;
border-right:#82919f 2px solid;
padding-top:218px;
}
#login
{ float: right;
margin-top: -215px;
margin-right: 60px;
font-family: Verdana,Arial,Helvetica;
font-weight:400;
font-color: #000000;
font-size: 10pt;
color : #000000;
}

#title { float: left;
margin-top: -150px;

font-size: 30px;
color: #000000;
}
h5 { padding-left: 200px;
font-size: 30px;
}
#navigation
{
width:940px;
height:46px;
margin:0 auto;
background:;

}

#navigation ul
{
list-style:none;
}
#navigation ul li
{
font:bold 14px/26px Arial, Helvetica, sans-serif;
color:#000000;
display:block;
float:left;
text-align:center;
padding:0 10px;
}
#navigation ul li a
{
text-decoration:none;
display:block;
color:#333333;
padding:0 10px;
}
#navigation ul li a:hover
{
text-decoration:none;
display:block;
color:#000000;
padding:0 10px;
}

#content
{
margin:0 auto;
width:945px;
border-left:#82919f 2px solid;
border-right:#82919f 2px solid;
border-bottom:#82919f 2px solid;
background:#FFFFFF;
padding:5px;
}
#content_left
{
margin:0 auto;
width:266px;
min-height:1060px;
}
#content_leftA
{
margin:0 auto;
width:266px;
}
#sidebar
{
margin:0 auto;
width:257px;
height:110px;
background:url(images/image_11.gif) 0 0 no-repeat;

}
#sidebar_3
{
margin:0 auto;
margin top:115px;
width:257px;
height:110px;
background:url(images/image_11.gif) 0 0 no-repeat;
}

#sidebar h2
{ padding-left: 10px;
font:bold 12px/22px Arial, Helvetica, sans-serif;
color:#000000;
}
#content_left h1
{
font:bold 12px/30px Arial, Helvetica, sans-serif;
background:url(images/image_29.gif) left center no-repeat;
padding-left:20px;
margin-left:20px;
color:#000000;
}
#content_left h2
{ margin-left:10px;
}
#content_leftA h1
{
font:bold 12px/30px Arial, Helvetica, sans-serif;
background:url(images/image_29.gif) left center no-repeat;
padding-left:20px;
margin-left:20px;
color:#000000;
}
#content_leftA h2
{ margin-left:10px;
}
#sidebar_form
{
margin:0 auto;
width:240px;
padding:10px 0 0 15px;
}
#sidebar_form input.txtbox
{
margin:0 auto;
width:175px;
height:20px;
border:#666666 1px solid;
background:#ffffff;
}
#sidebar_form input.button
{
margin:0 auto;
width:87px;
height:25px;
border:none;
background:url(images/image_17.gif) center no-repeat;
}
#sidebar_2
{
margin:0 auto;
width:257px;
background:url(images/image_14.gif) 0 0 no-repeat;
}
#sidebar_2in
{
margin:0 auto;
width:235px;
border:#000000 1px solid;
padding:10px;
}
#newsletter_hilightsin p
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#2b89ba;
}
#sidebar_2in h2
{
font:bold 12px/22px Arial, Helvetica, sans-serif;
color:#25333e;
}

#contact
{
margin:0 auto;
width:257px;
height:231px;
background:url(images/image_35.gif) 0 0 no-repeat;
}
#contact_content
{
margin:0 auto;
width:257px;
height:231px;
padding:80px 10px 10px 10px;
}
#contact_content h2
{
font:bold 12px/22px Arial, Helvetica, sans-serif;
color:#25333e;
}
.style1
{
font:bold 12px/22px Arial, Helvetica, sans-serif;
color:#25333e;
}
.style2
{
font:bold 12px/22px Arial, Helvetica, sans-serif;
color:#2b89ba;
}
#contact_content p
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#2b89ba;
padding:10px;
}
#content_right
{
margin:0 auto;
width:666px;
}
.head
{
margin:0 auto;
width:666px;
height:40px;
background:url(images/image_01.gif);
}
.head1
{
width:945px;
height:40px;
background:url(images/hosting_11.gif);
}
#content_full h1
{
font:bold 12px/30px Arial, Helvetica, sans-serif;
background:url(images/image_29.gif) left center no-repeat;
padding-left:20px;
margin-left:20px;
color:#25333e;
}
.style3
{
font:bold 12px/30px Arial, Helvetica, sans-serif;
background:url(images/image_29.gif) left center no-repeat;
padding-left:20px;
margin-left:20px;
color:#25333e;
}
#content_full_content
{
margin:0 auto;
width:945px;
padding:10px;
}
#content_full_content p
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#6f6f6f;
padding:10px;
margin-top: -20px;
}
#content_right h1
{
font:bold 12px/30px Arial, Helvetica, sans-serif;
background:url(images/image_29.gif) left center no-repeat;
padding-left:20px;
margin-left:20px;
color:#25333e;
}
.style3
{
font:bold 12px/30px Arial, Helvetica, sans-serif;
background:url(images/image_29.gif) left center no-repeat;
padding-left:20px;
margin-left:20px;
color:#25333e;
}
#content_right_content
{
margin:0 auto;
width:646px;
padding:10px;
}
#content_right_content p
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#6f6f6f;
padding:10px;
margin-top: -20px;

}
#content_right_row2
{
margin:0 auto;
width:666px;
}
#content_right_row2 h1
{
font:bold 12px/29px Arial, Helvetica, sans-serif;
background:url(images/image_18.gif) left center no-repeat;
color:#25333E;
text-align:center;
}
#row2_col1
{
margin:0;
width:210px;
}
#row2_col1 p
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#6b95bf;
background: url(images/image_22.gif) top center no-repeat;
padding-top:60px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
#row2_col2
{
margin:0;
width:210px;
}
#row2_col2 p
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#6b95bf;
background: url(images/image_24.gif) top center no-repeat;
padding-top:60px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
#row2_col3
{
margin:0;
width:210px;
}
#row2_col3 p
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#6b95bf;
background: url(images/image_26.gif) top center no-repeat;
padding-top:60px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
#row_content
{
margin:0 auto;
width:646px;
margin-top: -25px;
padding:0px;
}
#row_content p
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#6f6f6f;
padding:10px;
}
#foot
{
background: url(images/hosting_08.gif);
width: 666px;
height: 70px;
}
#foot_a
{
background: url(images/hosting_10.gif);
margin:0px;
padding-left: -5px;
width: 945px;
height: 70px;
}
#graphic_a
{
background: url(images/hosting_09.gif);
width: 945px;
height: 64px;
}
#graphic
{
background: url(images/hosting_07.gif);
width: 666px;
height: 64px;
}
#fotter
{
height:60px;
width:935px;
margin:0 auto;
background:#CFE4FA;
border-top:#436783 1px solid;
padding-top:10px;
}
#fotter_navigation
{
height:25px;
width:955px;
margin:0 auto;
}
#fotter_navigation ul
{
list-style:none;
margin:0 0 0 150px;
}
#fotter_navigation ul li
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
display:block;
text-align:center;
float:left;
padding:0 15px;
}
#fotter_navigation ul li a
{
text-decoration:none;
display:block;
color:#1d4a61;
}
#fotter_navigation ul li a:hover
{
text-decoration:none;
display:block;
color:#FFFFFF;
}
#fotter_copyrights
{
height:25px;
width:600px;
margin:0 auto;
font:11px/25px Arial, Helvetica, sans-serif;
color:#1d4a61;
text-align:center;
}
#fotter_copyrights a
{
font:11px/25px Arial, Helvetica, sans-serif;
color:#1d4a61;
text-decoration:none;
}
.album{
background:#ffffff;
border:3px solid #1D4A61;
border-left:15px solid #1D4A61;
padding:7px}

input {
font-family:Arial, Helvetica, sans-serif;
font-size: 10pt;
color: black;
background-color: white;
border: 1px solid black;
padding: 1pt;
margin: 5px;
}
#stats { display: none; }

a_bach · 16-12-2009 21:51:26

probably in theme.php

<link href="data/themes/hosting/style.css" rel="stylesheet" type="text/css" media="screen" />

<meta name="title" content="Free Templates" />
<style> body{ margin-left: 18%}</style>
</head>

superdad · 17-12-2009 03:38:40

You were right. It was in theme3. I have 4 themes running so far for this site. I don't know how that got there because each consecutive theme was a clone of the original theme.php with some elements removed. Thanks for spotting this!

superdad · 17-12-2009 23:43:18

second page done. 12 more themes.
http://www.soloinc.com/index.php?file=kop28.php

pluck support forums

Announcement

#1 16-12-2009 02:26:48

Added Free Theme Page to my site.

#2 16-12-2009 09:00:45

Re: Added Free Theme Page to my site.

#3 16-12-2009 12:45:34

Re: Added Free Theme Page to my site.

#4 16-12-2009 16:06:55

Re: Added Free Theme Page to my site.

#5 16-12-2009 16:50:26

Re: Added Free Theme Page to my site.

#6 16-12-2009 17:23:55

Re: Added Free Theme Page to my site.

#7 16-12-2009 17:52:28

Re: Added Free Theme Page to my site.

#8 16-12-2009 17:55:17

Re: Added Free Theme Page to my site.

#9 16-12-2009 18:15:26

Re: Added Free Theme Page to my site.

#10 16-12-2009 18:30:43

Re: Added Free Theme Page to my site.

#11 16-12-2009 19:24:05

Re: Added Free Theme Page to my site.

#12 16-12-2009 19:47:06

Re: Added Free Theme Page to my site.

#13 16-12-2009 21:51:26

Re: Added Free Theme Page to my site.

#14 17-12-2009 03:38:40

Re: Added Free Theme Page to my site.

#15 17-12-2009 23:43:18

Re: Added Free Theme Page to my site.

Board footer