rob-davis

Le blog de rob-davis

Picture Formats and Web Design: JPG GIF PNG and SVG

Settling on which picture arrangement to pick is significant on the off chance that you need your site to look great and still rush to download. The kind of picture you are utilizing will figure out which picture position you should use for best quality is size. png image download

You will require several things first, Drupal 5 or 6 obviously, the PNG Fix for Drupal 5 or for Drupal 6, and some HTML information. In the event that you don't have a lot of HTML or CSS information you can attempt to swim through this article and presumably do alright. On the off chance that you feel this may be something you will require help on, at that point don't hesitate to leave your remarks at the base of this page. I will put forth a valiant effort to enable you to out. I'm speculating a great many people who are perusing this article in any event know essential HMTL and know simply enough CSS to be viewed as hazardous. Peruse on.

First download the PNG Fix module (I have (joined it to the base of this article for simple access) and spot it in your Drupal modules envelope (yoursite.com/modules/), go to your administrator's module page and empower the module.

Next head over to/Site Configuration/PNG Fix and you ought to be welcomed with the accompanying.

In the "CSS Classes" content box put ".pngfix" remember to add the period to the start! Look at the model underneath for legitimate a section. at that point click Save.

Here comes the specialized part. we will put a tag around whatever PNG picture we need the straightforwardness to appear through on. For instance, the very logo of this site is utilizing a straightforward picture, however enough flaunting, lets get YOUR PNG's straightforward! FTP to your site's subject organizer in the event that you don't have direct access to your documents, for whatever topic you are utilizing discover it's page.tpl.php and open it up with your preferred content tool. I have made the real picture code intense for you to see better. (This will all the more then likely not reflect what you find in your page.tpl.php record, uncovered with me!).

For rhis site, the logo code inside the page.tpl.php resembles the accompanying.

The above code shows how my logo is being shown at the highest point of this page and doesn't have PNG Fix at present introduced at this point. Next we will include our label which enables the PNG to be straightforward in IE5.5 and IE6, however initial a little about the DIV tag.

Utilizing DIV labels is valuable for organizing whatever substance is inside the DIV tag, it can hold designs totally unique then what is outwardly of the DIV tag, there's a lot of site that clarifies DIV labels in further detail simply Google "div tag".

With our picture presently divless, gives up ahead and include the

There is an opening DIV tag " and an end DIV label Place the opening DIV tag straightforwardly before the PNG picture you need to have straightforwardness fixed and place the end DIV tag legitimately after the picture code.

On the off chance that you have adhered to the guidelines, saw the downloadable model are STILL here requiring help, at that point please leave a remark beneath and I will do my absolute best to assist you with trip with issues identifying with PNG Fix! Have a pleasant day!
publié le vendredi 08 novembre à 17:19

Ecrire un commentaire



Tout le monde peut publier un commentaire.