www.webdeveloper.com
Results 1 to 3 of 3

Thread: Is This How They Build Online Greeting Cards ?

  1. #1
    Join Date
    Oct 2017
    Posts
    50

    Question Is This How They Build Online Greeting Cards ?

    Happy New Year!

    Folks,

    Have you seen those online greeting cards, where you choose a template (like a bunch of people holding a big white empty sign board) and whatever you type in the "greetings" text box then that shows-up in the image (your typed text shows up in the sign board) ?
    How did they program all that with php ? I mean, they did some kind of a text layout on the img, right ?
    We've done this kind of thing in Adobe Photoshop but how does php manage it ? Does php have some builtin function that deals with overlaying one img or text over another img ? Img overlaying ? if not, then how'd they manage to program it ?
    If you don't mind, I'd like to see a code sample from your end. That can be my new year gift!
    I think the programmers do it like the following technique. See if I'm correct or not ...

    They cut the template img in half. So, in our example, the bunch of people holding the empty white signboard is one whole img. Like: full.jpeg.
    With phptoshop and the like, the webmaster cut the img in 2. Half half.
    Like: left_half.jpeg & right_half.jpeg.

    Now, let's deal with you the user's input text and its img.
    With a font, let's say Ariel Style, I, the programmer, going to write each letter and save it. Like so:


    a.jpeg
    b.jpeg

    and so on right down to:

    y.jpeg
    z.jpeg

    Then, I'm going to give you, the visitor/greeting mssg creator a text box (in a web form).
    You will type your word such as: Happy New Year 2018.
    And, my script will call the required jpeg files and combine them to form your word. Like so:

    h.peg,a.jpeg,p.peg,p.jpeg,y.jpeg and so on.
    You get the picture. Gonna put each appropriate img files side by side that will make up your chosen word.

    Eg.


    $word = $h = mydomain\h.jpeg.$a = mydomain\a.jpeg; AND SO ON until your word is formed: Happy New year 2018.

    //combine left half of img with right half of img with greeter's $word inbetween the 2 imgs.
    echo left_half.jpeg.$word.right_half.jpeg; //concatenation taking place here.


    Is this how the php programmers build these greeting card sites ? Meaning using the same method I did. Ok, maybe programming slightly differntly by using better codes but the method of adding the greeter's greeting words on the image template is done like so. Right ?

    Don't forget to PM me your emails so when I get this Greeting Card site of mine up and running then I can give you all a card. Lol!
    Last edited by site-developer; 01-01-2018 at 03:26 PM.

  2. #2
    Join Date
    Aug 2004
    Location
    Ankh-Morpork
    Posts
    22,284
    If working in PHP, you're probably looking at using either the GD extension or the ImageMagick extension.

    I used the GD functions to make this several years ago: http://www.ebookworm.us/screensaver/

    I built it using CodeIgniter as a sort of learning experience, so the code is spread across a number of files -- and not on GitHub or anything to conveniently share.
    "Well done....Consciousness to sarcasm in five seconds!" ~ Terry Pratchett, Night Watch

    How to Ask Questions the Smart Way (not affiliated with this site, but well worth reading)

    My Blog
    cwrBlog: simple, no-database PHP blogging framework

  3. #3
    Join Date
    Oct 2017
    Posts
    50
    Quote Originally Posted by NogDog View Post
    If working in PHP, you're probably looking at using either the GD extension or the ImageMagick extension.

    I used the GD functions to make this several years ago: http://www.ebookworm.us/screensaver/

    I built it using CodeIgniter as a sort of learning experience, so the code is spread across a number of files -- and not on GitHub or anything to conveniently share.
    Thanks.

    Do you see the text in this dog img ?
    https://www.newmediacampaigns.com/bl...image-with-php

    That is what I want to do now. I want to give the user a text box and whatever he types, I want it to appear in that uploaded (my uploaded or user uploaded) img.
    I can;t seem to get the script to work that I found on that link.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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

"

"

X vBulletin 4.2.2 Debug Information

  • Page Generation 0.25035 seconds
  • Memory Usage 2,856KB
  • Queries Executed 13 (?)
More Information
Template Usage (33):
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (3)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (3)postbit
  • (3)postbit_onlinestatus
  • (3)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates