1
ccczone
Re: Slicing images
  • 2006/9/22 22:30

  • ccczone

  • Just popping in

  • Posts: 13

  • Since: 2006/3/20


check your pm



2
ccczone
Re: Slicing images
  • 2006/9/22 20:16

  • ccczone

  • Just popping in

  • Posts: 13

  • Since: 2006/3/20


confusious say:i'm confused enough. beside that girl int he photos is always butt ass ugly!!!

Ok, i used the css file to try and call the background images. nothing showed up. The only way i can get any images to show up is if i make the the backgroundimage in the theme.html file. Then nothing else shows up. No block, no nothing.

i just asked the boss about it. This entire project is being donated. so that tosses out bassmans offer, unless i pay out of pocket. Plus, he said they will have to be able to log in and change text themselves. So a static site is out.

from everything i have read, i am doing this in step. but i'm missing something somewhere.

my images are too big?



3
ccczone
Re: Slicing images
  • 2006/9/22 16:47

  • ccczone

  • Just popping in

  • Posts: 13

  • Since: 2006/3/20


Okay, here is what i have. The theme.html file with logo added, using an image map.

<!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" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<
head>
<
meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<
meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<
meta name="robots" content="<{$xoops_meta_robots}>" />
<
meta name="keywords" content="<{$xoops_meta_keywords}>" />
<
meta name="description" content="<{$xoops_meta_description}>" />
<
meta name="rating" content="<{$xoops_meta_rating}>" />
<
meta name="author" content="<{$xoops_meta_author}>" />
<
meta name="copyright" content="<{$xoops_meta_copyright}>" />
<
meta name="generator" content="XOOPS" />
<
title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<
link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<
link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/xoops.css" />
<
link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" />
<!-- 
RMVadded module header -->
<{
$xoops_module_header}>
<
script type="text/javascript">
<!--
<{
$xoops_js}>
//-->
</script>
</
head>

<
body>

<
table width="885" border="0" cellspacing="0" cellpadding="0">
  <
tr id="header">
    <
td id="headerlogo"><img src="<{$xoops_imageurl}>images/logo.gif" width="885" height="148" border="0" usemap="#Map" /></td>
  </
tr>
</
table>
<
table cellspacing="0">
    <
tr>
      <
td id="leftcolumn">
        <!-- 
Start left blocks loop -->
        <{foreach 
item=block from=$xoops_lblocks}>
          <{include 
file="default/theme_blockleft.html"}>
        <{/foreach}>
        <!-- 
End left blocks loop -->

      </
td>

      <
td id="centercolumn">

        <!-- 
Display center blocks if any -->
        <{if 
$xoops_showcblock == 1}>

        <
table cellspacing="0">
          <
tr>
            <
td id="centerCcolumn" colspan="2">

            <!-- 
Start center-center blocks loop -->
            <{foreach 
item=block from=$xoops_ccblocks}>
              <{include 
file="default/theme_blockcenter_c.html"}>
            <{/foreach}>
            <!-- 
End center-center blocks loop -->

            </
td>
          </
tr>
          <
tr>
            <
td id="centerLcolumn">

            <!-- 
Start center-left blocks loop -->
              <{foreach 
item=block from=$xoops_clblocks}>
                <{include 
file="default/theme_blockcenter_l.html"}>
              <{/foreach}>
            <!-- 
End center-left blocks loop -->

            </
td><td id="centerRcolumn">

            <!-- 
Start center-right blocks loop -->
              <{foreach 
item=block from=$xoops_crblocks}>
                <{include 
file="default/theme_blockcenter_r.html"}>
              <{/foreach}>
            <!-- 
End center-right blocks loop -->

            </
td>
          </
tr>
        </
table>

        <{/if}>
        <!-- 
End display center blocks -->

        <
div id="content">
          <{
$xoops_contents}>
        </
div>
      </
td>

      <{if 
$xoops_showrblock == 1}>

      <
td id="rightcolumn">
        <!-- 
Start right blocks loop -->
        <{foreach 
item=block from=$xoops_rblocks}>
          <{include 
file="default/theme_blockright.html"}>
        <{/foreach}>
        <!-- 
End right blocks loop -->
      </
td>

      <{/if}>

    </
tr>
  </
table>
<
map name="Map" id="Map">
  <
area shape="rect" coords="243,110,286,126" href="#" />
  <
area shape="rect" coords="292,109,338,126" href="#" />
  <
area shape="rect" coords="346,108,444,126" href="#" />
  <
area shape="rect" coords="451,105,516,125" href="#" />
  <
area shape="rect" coords="516,108,586,123" href="#" />
  <
area shape="rect" coords="590,108,644,125" href="#" />
  <
area shape="rect" coords="514,132,632,146" href="#" />
</
map>
</
body>
</
html>


Now here is my next question. And this has to do with image placement.

First off, here is a link to the images i currently have sliced...
http://s98.photobucket.com/albums/l251/ccczone/
You will see a few images the same and a few i cut thinking i may need them.

Now, on the left side, i need to stretch the stars image as the border, so when the page grows, this grows.

Also, either the left.gif or menu_chpt.gif is to be the actual left column. The Find your CHapter is going to be image mapped and the main menu is going to rest inside the red block.

Where do i put these files? In the theme.html or the theme_blockleft.html? BEcause adding them to the css file, they're not showing up.

If you look at the site:http://payd.checkmywebpage.com/ i have the logo image displayed with working image map. I think where i'm getting confused is what file to put the rest of the images.

Now, when opening the theme_leftblock and theme_rightblock files, allt hat is there is:
<div class="blockTitle"><{$block.title}></div>
<
div class="blockContent"><{$block.content}></div>


So the other question i have is, if i need to put the image files here, my html ie: table tags go after the div tags correct?


(this was originally going to be a static site, thus the way it was designed. But minds changed and they want a database driven site)



4
ccczone
Re: Slicing images
  • 2006/9/22 14:24

  • ccczone

  • Just popping in

  • Posts: 13

  • Since: 2006/3/20


Okay. SO what then goes into the main table in theme.html file then? Sorry for being hard headed, but i have built many static sites. nothing this complicated. So i am having troubles understanding all of this. But i need to and want to learn it.

What graphics would i put in the theme.html? Other then the logo.

here is the layout i just redid in dreamweaver to get re-started. From here i can enter the XOOPS code where needed.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<
html>
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<
title>Untitled Document</title>
</
head>
<
center>
<
body>

<
table width="100%" height="544"  border="0" cellpadding="0" cellspacing="0">
  <
tr>
    <
td height="544" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <
tr>
    <
td><img src="images/logo.gif" width="885" height="148"></td>
  </
tr>
</
table>
<
table width="885" height="392"  border="0" cellpadding="0" cellspacing="0">
  <
tr>
    <
td width="231" height="388" valign="top" background="images/left.gif">&nbsp;</td>
    <
td width="410" valign="top"><table width="100%" height="389"  border="0" cellpadding="0" cellspacing="0">
  <
tr>
    <
td>
     <!-- 
Display center blocks if any -->
        <{if 
$xoops_showcblock == 1}>
         <!-- 
Start center-center blocks loop -->
            <{foreach 
item=block from=$xoops_ccblocks}>
              <{include 
file="default/theme_blockcenter_c.html"}>
            <{/foreach}>
            <!-- 
End center-center blocks loop -->
    </
td>
  </
tr>
  <
tr>
    <
td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <
tr>
        <
td width="63%" height="95"><!-- Start center-left blocks loop -->
              <{foreach 
item=block from=$xoops_clblocks}>
                <{include 
file="default/theme_blockcenter_l.html"}>
              <{/foreach}>
            <!-- 
End center-left blocks loop --></td>
        <
td width="37%"><!-- Start center-right blocks loop -->
              <{foreach 
item=block from=$xoops_crblocks}>
                <{include 
file="default/theme_blockcenter_r.html"}>
              <{/foreach}>
            <!-- 
End center-right blocks loop --></td>
      </
tr>
    </
table></td>
  </
tr>
  <
tr>
    <
td height="171">&nbsp;</td>
  </
tr>
</
table>
</
td>
    <
td width="248" align="left" valign="top" background="images/right_boxs.gif">&nbsp;</td>
  </
tr>
</
table>





</
td>
  </
tr>
</
table>


</
body>

</
center>
</
html>


If it take the default theme file, i have a layout with nothing but XOOPS code showing. THis is where i'm getting lost. Because im not sure what goes where in what file.
I'm reading what your posting, but i'm not seeing the fit.

so this is what i am doing, please tell me wher ei'm going wrong...

step 1:
create table. inside i put the logo.

step 2:
create table under the logo table. Inside i then create a table with 3 columns. In the left column i put my images for the left side as the background. In the right column, i put my images for the right side as the background.

step 3:
In the center column i add a table. inside this table i put a nother table with 3 rows. In the upper row iput the code for the center-center blocks. in the second row, i add a table with 2 columns. these are for the center left and center right blocks. in the 3rd row i put the code for the module contents. And thenit throws the entire right side off and out of alignment.

So i know i'm messing up somewhere but where, i don't know.



5
ccczone
Re: Slicing images
  • 2006/9/22 13:35

  • ccczone

  • Just popping in

  • Posts: 13

  • Since: 2006/3/20


Thanks for all the help. I got the main banner to work right. But now i'm having issues slicing the sides to make everything even.Especially the right side. BEcause of the blue boxes over the red background.

I was able to get the left side up, but i'm having issues lining it up with the banner.

Looking at all the themes i have looked at, it's hard to see how things are really done. I mean by making a standard html page, i can put theimages in where i want them,etc. But in the theme.html file, all you really see is code. You don't see how images are sliced, or how closely they are aligned, etc. The stuff i'm really having issues with.

I've made simple modifications to themes for a few sites i did. But this is something a lot different, because i have to make it from scratch.

I found a document titled, the Anatomy of the Default Theme. Printed all 29 pages. I'm reading through it, i's helping me understand the basics. But i'm not seeming to get anywahere.

Let me ask this, Left side column: The main menu needs to go inside the red block on the left. Do i make the entire left side column in the theme with this background or would i just enter this into the css file as the td#mainmenu background? This leads me using the a table on the far left with the stars as the background image. Making the left column not line up with anything.



6
ccczone
Re: Slicing images
  • 2006/9/22 1:44

  • ccczone

  • Just popping in

  • Posts: 13

  • Since: 2006/3/20


Bassman,
Thank you. I just may take you up on that offer. It took all day to get what i got, and i even modified the graphics some what. But it's still not working right.

Here's another question, isn't it possible in the theme, to just use the normal html img src= tag? I tried it a few times in a table, but the image wouldn't show up.

Reason im asking is, the image of where the user can click to find their local chapters, was going to be an image map. The whole image being clickable. But calling it via the XOOPS code, i don't see how to do that.

this is what i was able to pull together so far. But it doesn't look right. especially without the stars.

http://www.payd.checkmywebpage.com/



7
ccczone
Re: Slicing images
  • 2006/9/21 20:06

  • ccczone

  • Just popping in

  • Posts: 13

  • Since: 2006/3/20


I'm getting really frustrated over here. I have taken the default theme. And for some ungodly know reason, it can't get it to display the images. There is no banner ad on this site or one logo. Just one large banner on the top.

Here is the image i'm trying slice to use for the theme for the site...
http://i27.photobucket.com/albums/c187/rrice05/complete.jpg

If need be, i'll pay someone to turn this image into a theme. I have moded a few themes before and never had this amount of trouble.

Anyone willing to help me turn this into a working theme?



8
ccczone
Slicing images
  • 2006/9/21 13:17

  • ccczone

  • Just popping in

  • Posts: 13

  • Since: 2006/3/20


I have read all the tutorials i could find on creating a theme from scratch. But i'm still unsure how to create one with sliced images. Normally, when i create a site with sliced images, it's in Dreamweaver. So it's fairly easy for me.

What i am working on is a site for a group of people. I have created the entire design in Illustrator, then sliced it up in Photoshop like normal. It's going to be a three column layout like most themes.

But what i'm unsure of is, when creating my theme, the grpahics i have running down the side of the page, should they be the brackground of the main table or the background on the left and right blocks?

Is there a book or an exstensive tutorial that shows step by step how to create themes in different layouts? This is something i'm more then happy to pay for.

Once i get the stuff uploaded today, i'll post a link of the uncut image as well as what i have currently. Sorry i couldn't get itup right now.



9
ccczone
os Commerce Cart Install issues
  • 2006/7/31 18:26

  • ccczone

  • Just popping in

  • Posts: 13

  • Since: 2006/3/20


I'm having issues with a few of the shopping carts. I am looking for one that has the similar layout of the osCommerce ones.

Issue 1:
If i install the osCommerce (Xosc) MS2.2, everything goes great. But i can't get rid of the default page. So when i click on shop link from the main menu, it says, "This is the default page, yadda yadda yadda." I'm not sure how to get rid of this. And it looks as the xoopsshop site is down.

Also with this module, in the control panel for it, the minimum value isn't working. IT gives me a 500 error.

Which leads me to my second issue.

I installd the Xosc version 0.2. I downloaded it and uploaded it to the server. Everything there seems fine. However when i go to install the module, i get the following error:
Premature end of script headersadmin.php | (null) , refererhttp://sitetesting.awardspace.com/modules/system/admin.php?fct=modulesadmin&op=install&module=osC


I have uploaded most of the other shopping carts. The layout of the osCommerce is exactly what i'm looking for. I just can't them to install properly or work.

Currently, the only other shopping cart i haven't tried, but am uploading is the Zen Cart.

Does anyone have either version of the osCommerce cart installed and working properly? IF so, mind given me some insite on this?

Thank you!



10
ccczone
Re: News module question
  • 2006/3/23 1:34

  • ccczone

  • Just popping in

  • Posts: 13

  • Since: 2006/3/20


That's what i thought to, but it wasn't working. I didn't see the upgrade at first, but just found it and uploaded it. Took a bit to get it, but i got it. Thanks for your reply.




TopTop
(1) 2 »



Login

Who's Online

193 user(s) are online (122 user(s) are browsing Support Forums)


Members: 0


Guests: 193


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Apr 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits