Mar 2019 FormatTest
Rotate this news

Mar 2019 FormatTest

 

Test by browsing alternative URLs
Browse the URLS in iframes
formattest.com
peerifed.com
s8.hotdoodle.com/..
SITE_ROOT

Use {$SITE_ROOT} for all of the image paths in CSS. This is the safest way to include a background image.
For example:

.className [
    background: url("{$SITE_ROOT}/files/...jpg")
]

Referencing backgrounds in CSS and images in text
Test1: No site root

This text in a para.
<img src='files/imagegallerymodule...> :
<img src='/files/imagegallerymodule...> :
End img

Test2: site root

This text in a para.
<img src='files/imagegallerymodule...> :
<img src='/files/imagegallerymodule...> :
End img

Test3: /files/...

This text in a para.
<img src='files/imagegallerymodule...> :
<img src='/files/imagegallerymodule...> :
End img

Browser Specific CSS
View the CSS
Chrome
With Domain
Without Domain

Edge, in the editor
With Domain
Without Domain

IE, for Hotdoodle_html5_3
With Domain


Debugging

Browsers are detected only in a new session
?hdsid=new&section=436

New session, dump, set page, set browser
?hdsid=1 &section=436 &dump_session=1 &Browser=Opera

Instructions


$__Browser:

Every .tpl file, including the stylesheets, has the variable $__Browser which will be one of: 

  • Chrome
  • Firefox
  • Safari
  • Opera
  • Edge -  what IE became past v11
  • IE
  • base - value used when we do not recognize the browser

For CSS, $__Browser is what the browser will be
For other TPL, $__Browser is what the current user browser actually is.

Usage:

    {if $__Browser=='IE'}
    .clearfix [ display: inline-block;]
    {/if}

 

 

{$editor}

$editor is true for CSS when in the bare-bones iframe holding text in the HTML editor.
Mostly set body[] colors and table borders.
{if $editor}...{/if}

 

$is_ie
$is_ie is still around for legacy reasons. in CSS only.
Replace with {if $__Browser=='IE'}...{/if}

 

{look_dates}
{look_dates} now expands with a string saying for that CSS the values for 
$__Browser, $editor, $SITE_ROOT

 

The TPL we are using
/* lslater tests SITE_ROOT='{$SITE_ROOT}
__Browser={$__Browser} Browser={$Browser}  is_ie={$is_ie} __is_ie={$__is_ie}
 */

{declare_style family='Background Color' style=backgroundTest1 name='Test Background No Site root' rev=1 order=216 desc='To add a test background'}
div.backgroundTest1_container_box [
	{background_gradient color='lightblue'};
	padding: 30px;
	box-shadow: 0px 0px 10px {$SHADOW_COLOR};
	border-radius: 10px;
]
.backgroundTest1_moduletitle [

]
.backgroundTest1_modulebody [
    border: 4px dashed orange; 
    background: url("files/imagegallerymodule/43a33b22b4e6a@random/gallery64/back4.jpg") top center;
]

    div.backgroundTest1_container_box [
    	margin-bottom: 15px;
    ]



{declare_style family='Background Color' style=backgroundTest2 name='Test Background With Site root' rev=1 order=217 desc='To add a test background'}
div.backgroundTest2_container_box [
	{background_gradient color='lightpink'};
	padding: 30px;
	box-shadow: 0px 0px 10px {$SHADOW_COLOR};
	border-radius: 10px;
]
.backgroundTest2_moduletitle [

]
.backgroundTest2_modulebody [
    border: 4px dashed orange; 
    background: url("{$SITE_ROOT}/files/imagegallerymodule/43a33b22b4e6a@random/gallery64/back4.jpg") top center;
]

    div.backgroundTest2_container_box [
    	margin-bottom: 15px;
    ]






{declare_style family='Background Color' style=backgroundTest3 name='Test Background With /files' rev=1 order=218 desc='To add a test background'}
div.backgroundTest3_container_box [
	{background_gradient color='lightgreen'};
	padding: 30px;
	box-shadow: 0px 0px 10px {$SHADOW_COLOR};
	border-radius: 10px;
]
.backgroundTest3_moduletitle [

]
.backgroundTest3_modulebody [
    border: 4px dashed orange; 
    background: url("/files/imagegallerymodule/43a33b22b4e6a@random/gallery64/back4.jpg") top center;
]

    div.backgroundTest3_container_box [
    	margin-bottom: 15px;
    ]



/* Show some effects */
body [
        /* Set a background color in the editor */	
	{if $editor}
		background-color: pink ; 
	{/if}
       /* Set a awkward and obvious border on the entire page, when in Opera */
        {if $__Browser=='Opera'}
		background-color: orange ; 
		color: red; ;
		border: 20px solid blue !important; 
	{/if}
]
The Common Browsers
Browser

      2     [name] => Google Mediapartners
      2     [name] => Xbox 360
      4     [name] => Google Web Preview
      7     [name] => Vivaldi
      8     [name] => BingPreview
      8     [name] => Yahoo! Slurp
     13     [name] => twitter
     30     [name] => facebook
     79     [name] => ahref AhrefsBot
    173     [name] => Edge
    214     [name] => Opera
    241     [name] => Webview
    708     [name] => Baiduspider
   1522     [name] => Safari
   1633     [name] => HTTP Library
   1938     [name] => Googlebot
   2235     [name] => UNKNOWN
   2379     [name] => Internet Explorer
   3069     [name] => Firefox
   5729     [name] => bingbot
  10152     [name] => Chrome
  18346     [name] => misc crawler

Category

      2     [category] => appliance
   1633     [category] => misc
   1804     [category] => UNKNOWN
   2230     [category] => smartphone
  15958     [category] => pc
  26865     [category] => crawler

http://www.hotdoodle.com, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Powered by http://www.hotdoodle.com, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Quality Website Designers, You Edit Site Map
Back to Top
Start dump_session Present when DUMP_SESSIONS or &dump_session=1

SingleSession:formattest.com (Svr=s14.hotdoodle.com DB=s14.hotdoodle.com )
  Site DB=hdadmin@localhost:3306/db24050  Non Persistent
  Sessions store=in files
  hdsid=049d3bc21a3f1c645109a822564574f7

No Zora Session


Device and Session Profile



+ ($ses[SYS_SESSION_KEY]['profile'])

Array
(
    [Session] => Array
        (
            [is_new] => 1
            [hitcnt] => 1
            [time_duration] => 0
            [time_viewed] => 0
            [time_start] => Array
                (
                    [time] => 1711633645
                    [utime] => 1711633645.4317
                    [StartOfDay] => 1711609200
                    [TimeOfDay] => 24445
                    [HourOfDay] => 6
                    [HourOfDay2] => 6
                    [DayOfWeek] => 4
                )

            [time_now] => Array
                (
                    [time] => 1711633645
                    [utime] => 1711633645.4317
                    [StartOfDay] => 1711609200
                    [TimeOfDay] => 24445
                    [HourOfDay] => 6
                    [HourOfDay2] => 6
                    [DayOfWeek] => 4
                )

            [domain] => formattest.com
            [is_walker] => 1
            [Dinfo] => Array
                (
                    [name] => Opera
                    [category] => crawler
                    [os] => UNKNOWN
                    [version] => UNKNOWN
                    [vendor] => UNKNOWN
                    [os_version] => UNKNOWN
                    [varient] => Opera
                    [agent] => claudebot
                    [calc] => 0.01
                )

            [Device] => Array
                (
                    [w] => 1200
                    [h] => 800
                )

            [came_from] => Array
                (
                    [REMOTE_ADDR] => 54.87.17.177
                    [isSearch] => 0
                    [isAdwords] => 0
                    [search_engine] => 
                )

        )

    [IP] => Array
        (
            [REMOTE_ADDR] => 54.87.17.177
            [Country] => 
        )

    [History] => Array
        (
            [Visits_Prior] => 0
            [Browses_Prior] => 0
        )

)

PHP Variables
section=#436 background URLs URL HOSTNAME=formattest.com, This svr IP_NAME_REAL=s14.hotdoodle.com,  Site lives on HOST=s14.hotdoodle.com,   

$_SESSION Keys, this session PHPSESSID=049d3bc21a3f1c645109a822564574f7
    /var/www/html/formattest_2019_03/      <== Current session




+ Flow: ($ses[SYS_SESSION_KEY]['vars'] starting with Flow_)

Array
(
    [Flow_default: access=private urltype=section] => http://formattest.com/?hdsid=1§ion=436&dump_session=1&Browser=Opera
    [Flow_default: access=private_LAST] => http://formattest.com/?hdsid=1§ion=436&dump_session=1&Browser=Opera
    [Flow_default: access=public urltype=section] => http://formattest.com/?hdsid=1§ion=436&dump_session=1&Browser=Opera
    [Flow_default: access=public_LAST] => http://formattest.com/?hdsid=1§ion=436&dump_session=1&Browser=Opera
    [Flow_last_was_post] => 0
    [last_section] => 436
)

+ Control (special $ses[SYS_SESSION_KEY]['vars'])

Array
(
    [MAINBASE] => /var/www/html/formattest_2019_03/
    [came_from] => Array
        (
            [REMOTE_ADDR] => 54.87.17.177
            [isSearch] => 0
            [isAdwords] => 0
            [search_engine] => 
        )

    [navlevel] => 1
    [layout_info] => Array
        (
            [fonts] => Open+Sans:300,400,700~Open Sans~'Open Sans', sans-serif|Open+Sans+Condensed:300,600~Open Sans Condensed~'Open Sans Condensed', sans-serif|Lora:400,700~Lora~'Lora', sans-serif|Roboto Slab:100,300~Roboto Slab~'Roboto Slab', sans-serif|Yanone Kaffeesatz:200,300,400~Yanone Kaffeesatz~'Yanone Kaffeesatz', sans-serif|Dancing Script~Dancing Script~'Dancing Script', sans-serif|Raleway:100,200,400,700~Raleway~'Raleway', sans-serif
            [frames] => 0
            [site_align] => center
            [BODY_WIDTH] => 100%
            [has_marketing] => 1
            [marketing_image] => /hotdoodle_engine/iconset/marketingIcon06.png
            [BORDER_COLOR] => #E2E2E2
            [back_to_top] => 1
            [style_data] => 
            [divtop_above] => 0
            [divtop_below] => 0
            [header_can_lock] => 0
            [noHeaders] => 0
            [fluid_menu] => 0
            [fluid_main] => 0
            [body_operation_above] => 0
            [body_operation_below] => 0
        )

    [default_header_layout] => portrait_text_menu_v2
    [last_header_layout] => containermenu
)

+ Cookies

Array
(
    [PHPSESSID] => 049d3bc21a3f1c645109a822564574f7
)