#5519
Rezwan
Participant

Not to imply the joomla paypal box was too complex. Just that it’s best to break down each piece and reverse engineer that way.

This class:

       <h3 class="module-title">Paypal Donate</h3>

…has the info for a 2 colored title, plus the line underneath.

The moving parts are the most code-intensive, so I’d start with gathering code from the static parts. Like background, container, masthead, background of navigation, windows within the site, footer, all the bits that coordinate to make the whole.

Lots of options on the joomla site, but I couldn’t find access to the css. I did note the links to the stylesheets (quite a few of them) in the source code.

 <link rel="stylesheet" href="/plugins/system/rokbox/themes/light/rokbox-style.css" type="text/css" />
<link rel="stylesheet" href="/templates/rt_nexus_j15/css/template.css" type="text/css" />
<link rel="stylesheet" href="/templates/rt_nexus_j15/css/header-dark.css" type="text/css" />
<link rel="stylesheet" href="/templates/rt_nexus_j15/css/body-light.css" type="text/css" />
<link rel="stylesheet" href="/templates/rt_nexus_j15/css/primary-blue.css" type="text/css" />
<link rel="stylesheet" href="/templates/rt_nexus_j15/css/footer.css" type="text/css" />
<link rel="stylesheet" href="/templates/rt_nexus_j15/css/typography.css" type="text/css" />

<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/rt_nexus_j15/css/menu-fusion.css" type="text/css" />
<link rel="stylesheet" href="/modules/mod_rokstories/tmpl/css/rokstories.css" type="text/css" />

You can see how they’ve broken up the pieces into sections. css for the footer, for the body, for the header, for typography. Since they sell designs, we can’t just go in there and lift the code and re-engineer it.

We’ll have to find one most of us like, buy it, and then adapt it.

Or in the meantime, there may be other sites there you can adapt from, or just submit a new background or header.

Anyway, back to structure.