Joomla Developers, coders, designers Unite.

Web Design Joomla Philippines, Freelance web designers Tutorials

2009-09-08T18:48:00.001-07:00

Web Design Joomla Philippines website designers and freelancers, Freelance web designers Tutorials. Project Underground Digital Solutions free download css themplates, php, xml, codes, website thems, website templates. Specializes on cms, content management system, joomla, wordpress, drupal, mambo, cart.

List of web graphic designers and developers, Web Designer Joomla Philippines, Laoag City Web Designer Joomla, Candon City Web Designer Joomla,Vigan City Web Designer Joomla, San Fernando City Web Designer Joomla, aminos City Web Designer Joomla, Dagupan City Web Designer Joomla, San Carlos City Web Designer Joomla, Urdaneta City Web Designer Joomla, Tuguegarao City Web Designer Joomla, NUEVA VIZCAYA Web Designer Joomla,Cabarroguis Web Designer Joomla, Balanga City Web Designer Joomla, San Jose Del Monte City Web Designer Joomla, Cabanatuan City Web Designer Joomla, Gapan City Web Designer Joomla, Muñoz City Web Designer Joomla,
Palayan City Web Designer Joomla, San Jose City Web Designer Joomla, Angeles City Web Designer Joomla, San Fernando City Web Designer Joomla,
Tarlac City Web Designer Joomla, ZAMBALES Web Designer Joomla, Iba Web Designer Joomla, Olonggapo City Web Designer Joomla, Batangas City Web Designer Joomla, Lipa City Web Designer Joomla, Tanauan City Web Designer Joomla, Cavite City Web Designer Joomla, Tagaytay City Web Designer Joomla, Trece Marteres City Web Designer Joomla, Calamba City Web Designer Joomla, San Pablo City Web Designer Joomla, Lucena City Web Designer Joomla, Antipolo City Web Designer Joomla, Legazpi City Web Designer Joomla, Ligao City Web Designer Joomla, Tabaco City Web Designer Joomla, Iriga City Web Designer Joomla, Naga City Web Designer Joomla, Masbate City Web Designer Joomla, Sorsogon City Web Designer Joomla, Roxas City Web Designer Joomla, Iloilo City Web Designer Joomla, Passi City Web Designer Joomla, Bacolod City Web Designer Joomla
Bago City Web Designer Joomla, Cadiz City Web Designer Joomla, Escalante City Web Designer Joomla, Himamaylan City Web Designer Joomla,
Kabankalan City Web Designer Joomla, La Carlota City Web Designer Joomla, San Carlos City Web Designer Joomla, Silay City Web Designer Joomla, Talisay City Web Designer Joomla, Victorias City Web Designer Joomla, Tagbilaran City Web Designer Joomla, Cebu City Web Designer Joomla, Danao City Web Designer Joomla, Lapu-Lapu City Web Designer Joomla, Mandaue City Web Designer Joomla, Talisay City Web Designer Joomla, Bayawan City Web Designer Joomla, Ormoc City Web Designer Joomla, Tacloban City Web Designer Joomla, Maasin City Web Designer Joomla, Calbayog City Web Designer Joomla, Dapitan City Web Designer Joomla, Dipolog City Web Designer Joomla, Pagadian City Web Designer Joomla, Zamboanga City Web Designer Joomla, Malaybalay City Web Designer Joomla, Oroquieta City Web Designer Joomla, Ozamis City Web Designer Joomla, Tangub City Web Designer Joomla, Cagayan De Oro City Web Designer Joomla, Gingoog City Web Designer Joomla, Samal Island Garden City Web Designer Joomla, Tagum City Web Designer Joomla, Kidapawan City Web Designer Joomla, General Santos City Web Designer Joomla, Koronadal City Web Designer Joomla, Butuan City Web Designer Joomla, Prosperidad Web Designer Joomla, Surigao City Web Designer Joomla, Bislig City Web Designer Joomla, Baguio City Web Designer Joomla, City Of Mandaluyong Web Designer Joomla, City Of Manila Web Designer Joomla, City Of Marikina Web Designer Joomla, Kalookan City Web Designer Joomla, Las Pinas City Web Designer Joomla, Makati City Web Designer Joomla, Malabon City Web Designer Joomla, Muntinlupa City Web Designer Joomla, Navotas Web Designer Joomla, Paranaque City Web Designer Joomla, Pasay City Web Designer Joomla, Quezon City Web Designer Joomla, San Juan Web Designer Joomla, Taguig Web Designer Joomla, Valenzuela City Web Designer Joomla, Calapan City Web Designer Joomla, Puerto Princesa City Web Designer Joomla, iligan city joomla expert designers maritza.

Web Design Joomla Philippines, Freelance web designers Tutorials

2009-09-08T18:48:00.000-07:00

Core joomla module list, CSS generated

2009-08-23T20:13:00.000-07:00

Core module-generated CSS

The following information is gathered from the default output for Joomla! 1.5 core modules and assumes that no template overrides are in place.

Note also that core module chrome, as generated by the System template, will wrap a module in a defined manner and in some instances apply additional CSS formatting.

mod_archive
None
mod_banners

* .bannergroup class applied to surrounding

* .bannerheader class applied to

of header text if it exists
* .banneritem class applied to

for each item
* .bannerfooter class applied to

of footer text if it exists

mod_breadcrumb

* .breadcrumbs class applied to a element that holds the path links
* .pathway class applied to a element that holds the path links
* .pathway class is also applied to each link

mod_feed

* .moduletable class applied to of no set width
* .newsfeed class applied to

element that holds feed item's description under the title.

mod_footer

None

mod_latestnews

* .latestnews class applied to surrounding

and to each link

mod_login

* #form-login id applied to main container

* #form-login-username id applied to

* #modlgn_username id applied to
* #form-login-password id applied to

* #modlgn_password id applied to
* #form-login-remember id applied to

* #modlgn_password id applied to
* .button class applied to
* .input class applied to
* .inputbox class applied to

mod_mainmenu

* #current id applied to
for the current page
* .active class applied to
for the current page
* .parent class applied to
if child links exist
* .item## class applied to the
, where ## is the ItemId
* Menu-Type Parameters:
o List

#menu id is applied to the

of 100% width

* Legacy-Horizontal

.mainlevel class is applied to each link in a

of 100% width

* Legacy-Flat

#mainlevel id is applied to the

, and to each link

mod_newsflash

* Layout-Type Parameters:
o Default

.contentpaneopen class applied to

of no set width

Two tables are created, one holds the article title, the second holds the abbreviated article text

.contentheading class applied to the

element holding the article titles
.contentpagetitle class applied to the article link

* Horz

.moduletable class applied to of no set width

each item is placed in a new

element with default styles

* Vert

.article_separator class applied to is added after each item if more than one exists

mod_poll

* .poll class applied to surrounding of 95% width and centered text-alignment
* .pollstableborder applied to inner

of no set width, which holds the vote options
* .sectiontableentry1 class applied to

with valign="top"
* .sectiontableentry2 class applied to

with valign="top"

Note: sectiontableentry1 and sectiontableentry2 alternate each table row to provide for alternate row colors or other formatting

* #voteid## id applied to , where ## is the Id of the option
* .button applied to and

mod_random_image

None

mod_related_items

* .relateditems class applied to surrounding

* .inputbox class applied to search input box . Also there is an id #mod_search_searchword applied to this input box
* .button class applied to search submit button/image and

mod_sections

* .sections class applied to surrounding

How to make JOOMLA CSS TEMPLATE, development

2009-08-23T20:09:00.000-07:00

JOOMLA CSS TEMPLATE

So we have a very basic shell of a web site. Doesn't look very interesting does it. Well, we can soon change that, let's make a few changes. We will also optimize the template for SEO. Joomla has some challenges compared to a static website, but techniques such as those we describe here can improve your joomla SEO efforts.
Some basic changes to the Joomla CSS

Let's first make the text a little more readable, two quick changes to the joomla CSS.
body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 76%; /* don't go smaller than this */
}

Note we dropped the style being applied to "html,body" as we didn't want the percentage font size being applied twice!

This makes the font a more reasonable size. Remember, we talked about how we were sizing our fonts in one of our previous articles, A Blank Template CSS file for Joomla. I have also chosen a sans-serif font: verdana. Web pages have the opposite readbility of paper pages. On paper, serif (like Times New Roman) are more readable, on the web its the opposite.

Next, let's center the page.
body {
text-align:center; /* for IE */
}
#wrapper {
position:relative;
width:85%;
margin:0 auto;
}

OK, so here we have centered the page and made it a little wider. This is a fluid joomla CSS layout, the main part of the page will always be 85% of the browser window. It re-seizes depending on the screen resolution.

Now, we have to do a little changing of the column sizes. This is important, if columns overlap, it can break a layout in a browser.
#leftcontent {
width:175px;
}
#centercontent {
margin-left: 190px; /*tweaked a little to get a slight gap*/
margin-right:165px; /*tweaked a little to get a slight gap*/
}
#rightcontent {
width:150px;
}

I have reduced the width of both side columns and increased the margins. Note I have made a small gap between them and the center column.

Let's make a splash of color, C00 is a shade of red and fff is white:
body { .....
background-color: #C00;
......}
#wrapper {
background-color:#fff;
}
Joomla SEO

OK, so here is the really good bit. It's to do with joomla search engine optimization or joomla SEO. The closer something is to the beginning in the xhtml code of your page, the more weight it carries for yoursearch engine ranking . Unfortunately, a joomla website outputs alot of xhtml. This means that your important content (the middle column) gets pushed down. But, CSS to the rescue, remember that we absolutely positioned our side columns. This means that they can appear anywhere in the source, as long as they are in their container, the "wrapper". So let's put them after the main content! Heck, if you wanted and had alot of non-vital content in it, you could even make a header container and put that after the main content too.

Valid xhtml?

We had to add this rule (you can see it in the xhtml above) to push the center column down.
.insidecenter {
padding: 100px 0 0 0;
}

Last but not least we move the footer below the end of the wrapper div, putting it into the colored page background.

Now we add some titles for the site.

Notice how the name of the site and its url are in header tags. This does two things, first it is good practive for semantic layout, so increases the accessibility of the site, second, it helps your joomla SEO as anything in a header tag is given slightly more weight as a keyword.

Project underground, Project, Underground, projectunderground, www.projectunderground.vze.com,Free, Joomla, CSS, templates, Download, downloads, website, layout, open, open source, web design, design, themes for CMS, blogs and forums. Free HTML, free template CSS, psd, SEF, craiglist, SEO, php, ASP, Java, javascript, applet, XML, SQL, apache, mambo, drupal, zen, zencart, cart, ecommerce, acajoom, dtdonate, dtregister, jevents, events, calendar, plugins, javascrips applet, community builder, virtuemart, flickrslide, flickr. webhosting, websitehosting, hosting affordable but powerful CMS development, widgets, gadgets, fonts download, icons, social bookmarking.Iligan city, cebu, makati, manila, philippines, asia, experts, expert. mamatza, mamatza.co.cc. www.mamatza.co.cc.

CSS Hackz Series clearfix css webdesign tweak

2009-08-23T20:00:00.000-07:00

CSS Hackz Series:

Problems on your css designs?
floats not on proper position?
mozilla firefox browser problems?
insert this class then your good to go.

Clearing Floats with the Clearfix Hack

/* slightly enhanced, universal clearfix hack */

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* close commented backslash hack */

open source matters. joomla 1.5 legacy, native,
http://www.projectunderground.vze.com, projectunderground,
web, website, designs, develop, developers, themes,
templates, free, downloads.

Project underground, Project, Underground, projectunderground, www.projectunderground.vze.com,Free, Joomla, CSS, templates, Download, downloads, website, layout, open, open source, web design, design, themes for CMS, blogs and forums. Free HTML, free template CSS, psd, SEF, craiglist, SEO, php, ASP, Java, javascript, applet, XML, SQL, apache, mambo, drupal, zen, zencart, cart, ecommerce, acajoom, dtdonate, dtregister, jevents, events, calendar, plugins, javascrips applet, community builder, virtuemart, flickrslide, flickr. webhosting, websitehosting, hosting affordable but powerful CMS development, widgets, gadgets, fonts download, icons, social bookmarking.Iligan city, cebu, makati, manila, philippines, asia, experts, expert. mamatza, mamatza.co.cc. www.mamatza.co.cc.

SEO googlebot google crawlers robots.txt robots text

2009-08-23T19:57:00.000-07:00

SEO googlebot google crawlers robots.txt robots text

Introduction to "robots.txt"
There is a hidden, relentless force that permeates the web and its billions of web pages and files, unbeknownst to the
majority of us sentient beings. I'm talking about search engine crawlers and robots here. Every day hundreds of them go
out and scour the web, whether it's Google trying to index the entire web, or a spam bot collecting any email address it
could find for less than honorable intentions. As site owners, what little control we have over what robots are allowed
to do when they visit our sites exist in a magical little file called "robots.txt."

1) Here's a basic "robots.txt":

User-agent: *
Disallow: /
With the above declared, all robots (indicated by "*") are instructed to not index any of your pages (indicated by "/").
Most likely not what you want, but you get the idea.

2) Lets get a little more discriminatory now. While every webmaster loves Google, you may not want Google's Image bot
crawling your site's images and making them searchable online, if just to save bandwidth. The below declaration will
do the trick:

User-agent: Googlebot-Image
Disallow: /
3) The following disallows all search engines and robots from crawling select directories and pages:

User-agent: *
Disallow: /cgi-bin/
Disallow: /privatedir/
Disallow: /tutorials/blank.htm
4) You can conditionally target multiple robots in "robots.txt." Take a look at the below:

User-agent: *
Disallow: /
User-agent: Googlebot
Disallow: /cgi-bin/
Disallow: /privatedir/
This is interesting- here we declare that crawlers in general should not crawl any parts of our site, EXCEPT for Google,
which is allowed to crawl the entire site apart from /cgi-bin/ and /privatedir/. So the rules of specificity apply, not
inheritance.

5) There is a way to use Disallow: to essentially turn it into "Allow all", and that is by not entering a value after the
semicolon(:

User-agent: *
Disallow: /
User-agent: ia_archiver
Disallow:
Here I'm saying all crawlers should be prohibited from crawling our site, except for Alexa, which is allowed.

6) Finally, some crawlers now support an additional field called "Allow:", most notably, Google. As its name implies,
"Allow:" lets you explicitly dictate what files/folders can be crawled. However, this field is currently not part of
the "robots.txt" protocol, so my recommendation is to use it only if absolutely needed, as it might confuse some less
intelligent crawlers.

Per Google's FAQs for webmasters, the below is the preferred way to disallow all crawlers from your site EXCEPT Google:

User-agent: *
Disallow: /
User-agent: Googlebot
Allow: /

open source matters. joomla 1.5 legacy, native,
http://www.projectunderground.vze.com, projectunderground,
web, website, designs, develop, developers, themes,
templates, free, downloads.

Project underground, Project, Underground, projectunderground, www.projectunderground.vze.com,Free, Joomla, CSS, templates, Download, downloads, website, layout, open, open source, web design, design, themes for CMS, blogs and forums. Free HTML, free template CSS, psd, SEF, craiglist, SEO, php, ASP, Java, javascript, applet, XML, SQL, apache, mambo, drupal, zen, zencart, cart, ecommerce, acajoom, dtdonate, dtregister, jevents, events, calendar, plugins, javascrips applet, community builder, virtuemart, flickrslide, flickr. webhosting, websitehosting, hosting affordable but powerful CMS development, widgets, gadgets, fonts download, icons, social bookmarking.Iligan city, cebu, makati, manila, philippines, asia, experts, expert. mamatza, mamatza.co.cc. www.mamatza.co.cc.

Developing the Joomla! Component and Understanding its Structure.

2009-08-23T19:54:00.000-07:00

Developing the Joomla! Component and Understanding its Structure.

defined( '_JEXEC' ) or die( 'Restricted access' );
echo '
class="componentheading">projectunderground.vze.com

http://www.projectunderground.vze.com,