Poker Affiliate Solutions Forum
  • Register
  • Help

Community Support Forum

+ Reply to Thread
Results 1 to 5 of 5
  1. #1
    mark_s is offline Baller
    Join Date
    Jan 2009
    Posts
    430
    Blog Entries
    14

    Default PAS V3 Tutorial: Upload & Add Images

    Summary
    The following shows how to upload an image to a PAS site and display on a page.

    Instructions
    1. Login to your control panel at http://publisher.pokeraffiliatesolutions.com/

    2. Go to Website Management > Main CMS > yoursite

    3. Click on Images button:



    4a. Select image to upload from your computer.

    OPTIONAL: image folders
    Add image to a folder by entering a folder name(no spaces) of your choosing. The system will create folder if it does not exist and add image to the folder. This is particularly useful if you are going to be uploading a lot of images.

    4b. When ready, click Upload:



    5. Once image is succesfully uploaded, select it from image list on the left or in image browser below. Select and copy snippet of code from the "CMS Tag for Image" field:



    6. Use a text editor to add path to an HTML image:

    HTML inline image code example:
    <img src="{{ image_dir }}/poker-hand.jpg" />

    7. Open page where you want to insert image and paste code. Below is an example of adding image to home.html.

    example code:
    <h1 class="pas">Welcome</h1>

    <p>Welcome to {{ site_name }}, the best rakeback site on the internet!</p>

    <img src="{{ image_dir }}/poker-hand.jpg">

    <h2 class="pas">Rakeback Offers</h2>

    8. When you are finished, click Save button located above content well.

    9. Review your changes by viewing updated page.

    result:



    Tips
    - Be sure there are no spaces in the name of your image.
    - Use .jpg or .gif extensions when creating & saving images for maximum compatibility.
    - If you plan on uploading a lot of images consider using folders to help organize them
    - Use logical filenames which describe the contents of the image so that later on when you are searching, it will be easy to find. NEVER name images with generic names like pic.jpg, image.jpg, etc.
    - If you have a set of images, use the same filename and append a # at the end. An example for a series of Titan signup images, you could use titan-signup1.jpg, titan-signup2.jpg, titan-signup3.jpg.
    Mark
    PAS Design Department

  2. #2
    Join Date
    Jan 2010
    Location
    Viborg, Denmark
    Posts
    99

    Default

    And when i want my image(Logo) to be at the top of my site where should i then add it....???

    What folder and how to do it....???

    BTW nice toturial

  3. #3
    mark_s is offline Baller
    Join Date
    Jan 2009
    Posts
    430
    Blog Entries
    14

    Default

    I would probably first upload image(logo.jpg or whatever) as illustrated above. Then add and HTML image to the header of your site template(layout.html). This way you can easily wrap it in a link which is a good practice.

    Within layout > layout.html, near the top, it would look something like this:
    <body>

    <div id="container">
    <div id="header">
    <a href="http://www.sitename.com"><img src="{{ image_dir }}/logo.jpg"></a>
    </div>

    <div id="pas_nav_top">
    Mark
    PAS Design Department

  4. #4
    Join Date
    Jan 2010
    Location
    Viborg, Denmark
    Posts
    99

  5. #5
    mark_s is offline Baller
    Join Date
    Jan 2009
    Posts
    430
    Blog Entries
    14

    Default

    Original post has been updated to reflect changes in the Publisher Admin.
    Mark
    PAS Design Department

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts