Pliki.tpl. boxes/facebooklike/box.tpl. boxes/login/box.tpl. boxes/pricelist/box.tpl

Size: px
Start display at page:

Download "Pliki.tpl. boxes/facebooklike/box.tpl. boxes/login/box.tpl. boxes/pricelist/box.tpl"

Transcription

1 Dokumentacja zmian plików graficznych: shoper red Wersja zmian: Pliki.tpl boxes/facebooklike/box.tpl 1 {if $boxns->$box_id->pageid > 0} - 2 <div class="box" id="box_facebooklike"> + 2 <div class="box {$boxns->$box_id->format escape}" id="box_facebooklike"> 3 <script type="text/javascript"> 4 window.addevent('domready', function(e) {literal}{{/literal} 5 w = $('box_facebooklike').getsize().x; boxes/login/box.tpl 33 </a> 34 <a href="{$boxns->$box_id->reglink}" class="register spanhover"> 35 <img src="{basedir}/public/images/1px.gif" alt="" class="px1" /> - 36 <span>{translate key="register."}</span> + 36 <span>{translate key="register"}.</span> 37 </a> 38 </fieldset> 39 </form> boxes/pricelist/box.tpl 17 <li class="html"> 18 <a href="{$boxns->$box_id->html_link escape}" title="{translate key='price list in HTML format' }" class="spanhover html"> 19 <img src="{basedir}/public/images/1px.gif" alt="" class="px1" /> - 20 <span>{translate key='html"}</span> + 20 <span>{translate key="html"}</span> 21 </a> 22 </li> 23 {/if} 25 <li class="excel"> 26 <a href="{$boxns->$box_id->xls_link escape}" title="{translate key='price list in Excel for mat'}" class="spanhover excel"> 27 <img src="{basedir}/public/images/1px.gif" alt="" class="px1" /> - 28 <span>{translate key='xls"}</span> Copyright 2014 Shoper. All rights reserved. Strona 1/6

2 + 28 <span>{translate key="xls"}</span> 29 </a> 30 </li> 31 {/if} 38 <li class="html"> 39 <a href="{$boxns->$box_id->html_link escape}" title="{translate key='price list in HTML format' }" class="spanhover html"> 40 <img src="{basedir}/public/images/1px.gif" alt="" class="px1" /> - 41 <span>{translate key='html"}</span> + 41 <span>{translate key="html"}</span> 42 </a> 43 </li> 44 {/if} 46 <li class="excel"> 47 <a href="{$boxns->$box_id->xls_link escape}" title="{translate key='price list in Excel format' }" class="spanhover excel"> 48 <img src="{basedir}/public/images/1px.gif" alt="" class="px1" /> - 49 <span>{translate key='excel"}</span> + 49 <span>{translate key="excel"}</span> 50 </a> 51 </li> 52 {/if} boxes/slider/box.tpl 1 {if count($boxns->$box_id->images)} 2 <div class="box" id="box_slider{if $boxns->$box_id->is_custom}{$box_id escape}{/if}"> - 3 <div class="pageslider animation_{$boxns->$box_id->animation escape} {if $boxns->$box_id->auto}animaton_auto{/i f} {$boxns->$box_id->bulletsclass}"> + 3 <div class="pageslider animation_{$boxns->$box_id->animation escape} {if $boxns->$box_id->auto}animaton_auto{/i f} {$boxns->$box_id->bullets}"> 4 <ul class="slides"{if $boxns->$box_id->height > 0} style="height: {$boxns->$box_id->height}px;"{/if}> 5 {assign var="images" value=$boxns->$box_id->images} 6 {if $boxns->$box_id->random} 11 {/if} {foreach from=$images item=img} - 14 <li><a href="{$img->href escape}" title=""> - 15 <img src="{basedir}/{$img->src escape}" alt="" /> - 16 </a></li> + 14 {if $img->active == '1'} + 15 <li> + 16 <a href="{$img->href escape}" title=""> + 17 <img src="{imageurl type='boxesgfx' image=$img->bg->src}" alt="{$slide->name}" alt="" / Copyright 2014 Shoper. All rights reserved. Strona 2/6

3 > + 18 </a> + 19 </li> + 20 {/if} 21 {/foreach} 22 </ul> 23 <ul class="pages"> scripts/basket/address.tpl 31 <div class="box" id="box_basketaddress"> 32 <div class="topbar"> <div class="leftcorner"></div> <div class="rightcorner"></div> </div> 33 <form action="{route key='basketstep2'}" method="post" enctype="multipart/form-data"> + 34 <input type="hidden" name="is_cod" value="{$iscod}" id="is_cod" /> 35 <fieldset> 36 {include file='formantispam.tpl'} 37 <div class="boxhead"> scripts/index/index.tpl 62 {/dynamic} </td> - 65 {if 0 < (int) $layout->layout->right_col_width} - 66 <td class="rightcol rightcolwidth"> {dynamic} - 69 {foreach from=$boxes_right_side item=v key=k} - 70 {box file="../boxes/$v/box.tpl" box="$k"} - 71 {/foreach} - 72 {/dynamic} </td> + 66 {if 0 < (int) $layout->layout->right_col_width} + 67 <td class="rightcol rightcolwidth {$layout->layout->right_col_width}"> + 68 {dynamic} + 69 {foreach from=$boxes_right_side item=v key=k} + 70 {box file="../boxes/$v/box.tpl" box="$k"} + 71 {/foreach} + 72 {/dynamic} + 73 </td> 74 {/if} 75 </tr> 76 </tbody> scripts/product/index.tpl 101 {/if} Copyright 2014 Shoper. All rights reserved. Strona 3/6

4 102 </td> {if $product->defaultstock && 106 ( 1 == $skin_settings->productdetails->availability 107 ( 1 == $skin_settings->productdetails->time && $product->canbuystock() ) 124 {/if} 125 </dl> 126 {else} <td> <td class="product-height-fix"> {/if} 130 </td> 131 </tr> 276 {/if} {if 1 == $skin_settings->productdetails->pinit && $product->mainimage->unic_name} <a href=" full=true function='product ' key=$product->product->product_id productname=$product->translation->name productid=$product->product->product_id}&media={imageurl type='productgfx' width=$skin_settings->productdetails->imgwidth height=$skin_settings->productdetails->imgheight image=$product->maini mage->unic_name fullurl=true}&description={$product->translation->name escape}" count-layout="horizontal"><img src="//assets.pintere st.com/images/pinext.png" title="pin It" /></a> <a href=" full=true function='product ' key=$product->product->product_id productname=$product->translation->name productid=$product->product->product_id}&media={imageurl type='productgfx' width=$skin_settings->productdetails->imgwidth height=$skin_settings->productdetails->imgheight image=$product->maini mage->unic_name fullurl=true}&description={$product->translation->name escape}" count-layout="horizontal"><img src="//assets.pintere st.com/images/pidgets/pin_it_button.png" title="pin It" /></a> 280 {/if} 281 </div> 282 {/if} Pliki.css styles/main.css 206 color: #444; 207 } 208.logo form.search input.search, x:-moz-any-link { /* Fx */ padding: 10px 0 10px 40px; line-height: 33px; height: auto; } line-height: 33px; } 210 *:first-child+html.logo form.search input.search { /* IE7 */ 211 padding-top: 0; Copyright 2014 Shoper. All rights reserved. Strona 4/6

5 212 height: 33px; 1040 color: #000; 1041 } 1042.main.innerbox.shaded_inputwrap input,.mask_box.shaded_inputwrap input, x:-moz-any-link { /* Fx */ padding: 7px 0 7px 0; line-height: 28px; height: auto; } line-height: 28px; } 1044 *:first-child+html.main.innerbox.shaded_inputwrap input, 1045 *:first-child+html.mask_box.shaded_inputwrap input, 1046 *:first-child+html.main.innerbox.shaded_inputwrap select, 1572 background: url('../images/input_search.png') no-repeat right 0; 1573 } 1574 #box_search.innerbox div.shaded_inputwrap input, x:-moz-any-link { /* Fx */ padding: 10px 0 10px 0; line-height: 28px; height: auto; } line-height: 28px; } 1576 #box_404.innerbox div.shaded_inputwrap input, x:-moz-any-link { /* Fx */ padding: 10px 0 10px 0; line-height: 28px; height: auto; } line-height: 28px; } 1578 #box_newsletter.innerbox div.shaded_inputwrap input, x:-moz-any-link { /* Fx */ padding: 10px 0 10px 0; line-height: 28px; height: auto; } line-height: 28px; } 1580 *:first-child+html #box_search.innerbox div.shaded_inputwrap input, 1581 *:first-child+html #box_newsletter.innerbox div.shaded_inputwrap input, 1582 *:first-child+html #box_search.innerbox div.shaded_inputwrap select, 3553 #box_facebooklike { 3554 margin: 6px 3px 0; 3555 } #box_facebooklike.dark iframe { background: #333333; } 3559 #box_facebooklike iframe { 3560 background: url("../images/box_inner.png") repeat-x 0 0 #fff; 3561 } 4030 } 4031.maininfo.basket { 4032 width: 100%; Copyright 2014 Shoper. All rights reserved. Strona 5/6

6 height: 70%; height: 100%; } product-height-fix { height: 1em; 4037 } Pliki.js js/main.js 466 if(img._zoomimage) { 467 img._zoomimage.destroy(); 468 } img.removeclass('non-stock-img'); Shop.imageZoom.options = { 473 img: img, 474 inner: img.hasclass('innerzoom') 975 } Shop.filterFolder.condition = function() { return!!( $$('.leftcol #box_filter.foldable').length $$('.rightcol #box_filter.foldable').length ); return!!( $$('.leftcol #box_filter').length $$('.rightcol #box_filter').length ); 979 } Shop.filterSelects.condition = function() { Copyright 2014 Shoper. All rights reserved. Strona 6/6

Copyright Shoper.pl 2011. All rights reserved. Strona 2/24

Copyright Shoper.pl 2011. All rights reserved. Strona 2/24 Dokumentacja zmian plików graficznych Wersja zmian: 5.0.16-5.0.18 Pliki.tpl boxes/slider/box.tpl + 1 {if count($boxns->$box_id->images)} + 2 + 3

More information

Pliki.tpl. boxes/banner/box.tpl. Dokumentacja zmian plików graficznych: rwd shoper Wersja zmian: 5.5.6-5.5.7

Pliki.tpl. boxes/banner/box.tpl. Dokumentacja zmian plików graficznych: rwd shoper Wersja zmian: 5.5.6-5.5.7 Dokumentacja zmian plików graficznych: rwd shoper Wersja zmian: 5.5.6-5.5.7 Pliki.tpl boxes/banner/box.tpl 1 {if count($boxns->$box_id->banners) > 0} - 2

More information

CST 150 Web Design I CSS Review - In-Class Lab

CST 150 Web Design I CSS Review - In-Class Lab CST 150 Web Design I CSS Review - In-Class Lab The purpose of this lab assignment is to review utilizing Cascading Style Sheets (CSS) to enhance the layout and formatting of web pages. For Parts 1 and

More information

Web layout guidelines for daughter sites of Scotland s Environment

Web layout guidelines for daughter sites of Scotland s Environment Web layout guidelines for daughter sites of Scotland s Environment Current homepage layout of Scotland s Aquaculture and Scotland s Soils (September 2014) Design styles A daughter site of Scotland s Environment

More information

Coding Standards for Web Development

Coding Standards for Web Development DotNetDaily.net Coding Standards for Web Development This document was downloaded from http://www.dotnetdaily.net/ You are permitted to use and distribute this document for any noncommercial purpose as

More information

Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 [email protected] www.luminys.com

Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com Essential HTML & CSS for WordPress Mark Raymond Luminys, Inc. 949-654-3890 [email protected] www.luminys.com HTML: Hypertext Markup Language HTML is a specification that defines how pages are created

More information

Create Your own Company s Design Theme

Create Your own Company s Design Theme Create Your own Company s Design Theme A simple yet effective approach to custom design theme INTRODUCTION Iron Speed Designer out of the box already gives you a good collection of design themes, up to

More information

Web Design and Databases WD: Class 7: HTML and CSS Part 3

Web Design and Databases WD: Class 7: HTML and CSS Part 3 Web Design and Databases WD: Class 7: HTML and CSS Part 3 Dr Helen Hastie Dept of Computer Science Heriot-Watt University Some contributions from Head First HTML with CSS and XHTML, O Reilly Recap! HTML

More information

How To Create A Web Page On A Windows 7.1.1 (For Free) With A Notepad) On A Macintosh (For A Freebie) Or Macintosh Web Browser (For Cheap) On Your Computer Or Macbook (

How To Create A Web Page On A Windows 7.1.1 (For Free) With A Notepad) On A Macintosh (For A Freebie) Or Macintosh Web Browser (For Cheap) On Your Computer Or Macbook ( CREATING WEB PAGE WITH NOTEPAD USING HTML AND CSS The following exercises illustrate the process of creating and publishing Web pages with Notepad, which is the plain text editor that ships as part of

More information

Chapter 7 Page Layout Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

Chapter 7 Page Layout Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D Chapter 7 Page Layout Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 Learning Outcomes float fixed positioning relative positioning absolute positioning two-column page layouts vertical navigation

More information

HTML and CSS. Elliot Davies. April 10th, 2013. [email protected]

HTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk HTML and CSS Elliot Davies [email protected] April 10th, 2013 In this talk An introduction to HTML, the language of web development Using HTML to create simple web pages Styling web pages using CSS

More information

Links Getting Started with Widgets, Gadgets and Mobile Apps

Links Getting Started with Widgets, Gadgets and Mobile Apps Widgets, Gadgets, and Mobile Apps for Libraries: Tips, Code Samples, Explanations, and Downloads Michael Sauers Technology Innovation Librarian Nebraska Library Commission [email protected] Jason

More information

Style & Layout in the web: CSS and Bootstrap

Style & Layout in the web: CSS and Bootstrap Style & Layout in the web: CSS and Bootstrap Ambient intelligence: technology and design Fulvio Corno Politecnico di Torino, 2014/2015 Goal Styling web content Advanced layout in web pages Responsive layouts

More information

HTML5 and CSS3. new semantic elements advanced form support CSS3 features other HTML5 features

HTML5 and CSS3. new semantic elements advanced form support CSS3 features other HTML5 features HTML5 and CSS3 new semantic elements advanced form support CSS3 features other HTML5 features fallback solutions HTML5 and CSS3 are new and evolving standards two levels of fallback different browsers

More information

JJY s Joomla 1.5 Template Design Tutorial:

JJY s Joomla 1.5 Template Design Tutorial: JJY s Joomla 1.5 Template Design Tutorial: Joomla 1.5 templates are relatively simple to construct, once you know a few details on how Joomla manages them. This tutorial assumes that you have a good understanding

More information

Stylesheet or in-line CSS CSS attributes, used in stylesheets or in-line, can define:

Stylesheet or in-line CSS CSS attributes, used in stylesheets or in-line, can define: Stylesheet or in-line CSS CSS attributes, used in stylesheets or in-line, can define: body, div, p, h1 - h6, hr, table, thead, tr, th, td, blockquote, address, ol, ul, dl, dt, dd span, a, font class e.g..stylename

More information

Web Authoring CSS. www.fetac.ie. Module Descriptor

Web Authoring CSS. www.fetac.ie. Module Descriptor The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,

More information

Responsive Web Design: Media Types/Media Queries/Fluid Images

Responsive Web Design: Media Types/Media Queries/Fluid Images HTML Media Types Responsive Web Design: Media Types/Media Queries/Fluid Images Mr Kruyer s list of HTML Media Types to deliver CSS to different devices. Important note: Only the first three are well supported.

More information

.NET Best Practices Part 1 Master Pages Setup. Version 2.0

.NET Best Practices Part 1 Master Pages Setup. Version 2.0 .NET Best Practices Part 1 Master Pages Setup Version 2.0 2014 CrownPeak Technology, Inc. All rights reserved. No part of this document may be reproduced or transmitted in any form or by any means, electronic

More information

Web Design with CSS and CSS3. Dr. Jan Stelovsky

Web Design with CSS and CSS3. Dr. Jan Stelovsky Web Design with CSS and CSS3 Dr. Jan Stelovsky CSS Cascading Style Sheets Separate the formatting from the structure Best practice external CSS in a separate file link to a styles from numerous pages Style

More information

Development Perspective: DIV and CSS HTML layout. Web Design. Lesson 2. Development Perspective: DIV/CSS

Development Perspective: DIV and CSS HTML layout. Web Design. Lesson 2. Development Perspective: DIV/CSS Web Design Lesson 2 Development Perspective: DIV/CSS Why tables have been tabled Tables are a cell based layout tool used in HTML development. Traditionally they have been the primary tool used by web

More information

CSS. CSS - cascading style sheets CSS - permite separar num documento HTML o conteúdo do estilo. ADI css 1/28

CSS. CSS - cascading style sheets CSS - permite separar num documento HTML o conteúdo do estilo. ADI css 1/28 CSS CSS - cascading style sheets CSS - permite separar num documento HTML o conteúdo do estilo ADI css 1/28 Cascaded Style Sheets Por ordem de prioridade: Inline

More information

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file. Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded

More information

Contents. Downloading the Data Files... 2. Centering Page Elements... 6

Contents. Downloading the Data Files... 2. Centering Page Elements... 6 Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...

More information

WTP-101 Developing Rich Internet Applications with Java Web Frameworks

WTP-101 Developing Rich Internet Applications with Java Web Frameworks WTP-101 Developing Rich Internet Applications with Java Web Frameworks Hands on Exercises Copyright eteration a.s. 2008 ITU Teknokent ARI-1 No:25 34469 Istanbul Turkey Except for third party materials

More information

Joomla! 1.5 Templates Cookbook

Joomla! 1.5 Templates Cookbook P U B L I S H I N G community experience distilled Joomla! 1.5 Templates Cookbook Richard Carter Chapter No.3 "Theming the Details" In this package, you will find: A Biography of the author of the book

More information

LAB 4 HTML TABLES AND FORMS

LAB 4 HTML TABLES AND FORMS LAB 4 HTML TABLES AND FORMS What You Will Learn How to create HTML tables How to style tables How to create HTML forms Approximate Time The exercises in this lab should take approximately 40 minutes to

More information

HAML und SASS. (und COMPASS) markup haiku vs. syntactically awesome stylesheets. Tobias Adam, Jan Krutisch mindmatters GmbH & Co.

HAML und SASS. (und COMPASS) markup haiku vs. syntactically awesome stylesheets. Tobias Adam, Jan Krutisch mindmatters GmbH & Co. Mit hotfixes von Carsten Bormann 2011-02-28, 2012-03-13 HAML und SASS (und COMPASS) markup haiku vs. syntactically awesome stylesheets Tobias Adam, Jan Krutisch mindmatters GmbH & Co. KG HAML (X)HTML Abstraction

More information

Simply download Beepip from http://beepip.com and run the file when it arrives at your computer.

Simply download Beepip from http://beepip.com and run the file when it arrives at your computer. Beepip User Guide How To's: How do I install Beepip? Simply download Beepip from http://beepip.com and run the file when it arrives at your computer. How do I set up Beepip? Once you've opened up Beepip,

More information

Introduction to Web Development

Introduction to Web Development Introduction to Web Development Week 2 - HTML, CSS and PHP Dr. Paul Talaga 487 Rhodes [email protected] ACM Lecture Series University of Cincinnati, OH October 16, 2012 1 / 1 HTML Syntax For Example:

More information

Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards?

Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? Question 1. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? (b) Briefly identify the primary purpose of the flowing inside the body section of an HTML document: (i) HTML

More information

Web - Travaux Pratiques 1

Web - Travaux Pratiques 1 Web - Travaux Pratiques 1 Pour rappel, le squelette d une page HTML5 est la suivante : Syntaxe ... ... Une fois qu une page est terminée,

More information

The Essential Guide to HTML Email Design

The Essential Guide to HTML Email Design The Essential Guide to HTML Email Design Index Introduction... 3 Layout... 4 Best Practice HTML Email Example... 5 Images... 6 CSS (Cascading Style Sheets)... 7 Animation and Scripting... 8 How Spam Filters

More information

Email Campaign Guidelines and Best Practices

Email Campaign Guidelines and Best Practices epromo Guidelines HTML Maximum width 700px (length = N/A) Maximum total file size, including all images = 200KB Only use inline CSS, no stylesheets Use tables, rather than layout Use more TEXT instead

More information

GUIDE TO CODE KILLER RESPONSIVE EMAILS

GUIDE TO CODE KILLER RESPONSIVE EMAILS GUIDE TO CODE KILLER RESPONSIVE EMAILS THAT WILL MAKE YOUR EMAILS BEAUTIFUL 3 Create flawless emails with the proper use of HTML, CSS, and Media Queries. But this is only possible if you keep attention

More information

CIS 467/602-01: Data Visualization

CIS 467/602-01: Data Visualization CIS 467/602-01: Data Visualization HTML, CSS, SVG, (& JavaScript) Dr. David Koop Assignment 1 Posted on the course web site Due Friday, Feb. 13 Get started soon! Submission information will be posted Useful

More information

Further web design: Cascading Style Sheets Practical workbook

Further web design: Cascading Style Sheets Practical workbook Further web design: Cascading Style Sheets Practical workbook Aims and Learning Objectives This document gives an introduction to the use of Cascading Style Sheets in HTML. When you have completed these

More information

White Paper. Creation of Online Help for Fabasoft Folio. Fabasoft Folio 2015 Update Rollup 2

White Paper. Creation of Online Help for Fabasoft Folio. Fabasoft Folio 2015 Update Rollup 2 White Paper Creation of Online Help for Fabasoft Folio Fabasoft Folio 2015 Update Rollup 2 Copyright Fabasoft R&D GmbH, Linz, Austria, 2015. All rights reserved. All hardware and software names used are

More information

Web Design for Programmers. Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission

Web Design for Programmers. Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission Web Design for Programmers Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission Quick Disclaimers This is a crash course! Many topics are simplified

More information

Web Authoring. www.fetac.ie. Module Descriptor

Web Authoring. www.fetac.ie. Module Descriptor The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,

More information

Responsive HTML email and Drupal

Responsive HTML email and Drupal Responsive HTML email and Drupal Mobile + Email + Drupal Drew Gorton Drew Gorton Founder gortonstudios.com Responsive HTML email Why? ~19% of email messages are read on smartphones or tablets. Source:

More information

Eloqua Email 101. What is this and why should I read it?

Eloqua Email 101. What is this and why should I read it? DR Who? Definitive Results is a boutique marketing consulting firm based out of Leesburg, Virginia that specializes in helping Marketers accelerate their efforts using the technologies available to them

More information

C:\wamp\www\webdok\07bootstrap\bootstrap-3.2.0-dist\css\bootstrap.css 2. juli 2014 13:18

C:\wamp\www\webdok\07bootstrap\bootstrap-3.2.0-dist\css\bootstrap.css 2. juli 2014 13:18 /*! * Bootstrap v3.2.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/license) */ /*! normalize.css v3.0.1 MIT License

More information

In this chapter, you will learn how to...

In this chapter, you will learn how to... LEARNING OUTCOMES In this chapter, you will learn how to... Create a table on a web page Apply attributes to format tables, table rows, and table cells Increase the accessibility of a table Style an HTML

More information

Sizmek Features. Wallpaper. Build Guide

Sizmek Features. Wallpaper. Build Guide Features Wallpaper Build Guide Table Of Contents Overview... 3 Known Limitations... 4 Using the Wallpaper Tool... 4 Before you Begin... 4 Creating Background Transforms... 5 Creating Flash Gutters... 7

More information

Chapter 1. Introduction to web development

Chapter 1. Introduction to web development Chapter 1 Introduction to web development HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 1 Objectives Applied 1. Load a web page from the Internet or an intranet into a web browser.

More information

HTML CSS Basic Structure. HTML Structure [Source Code] CSS Structure [Cascading Styles] DIV or ID Tags and Classes. The BOX MODEL

HTML CSS Basic Structure. HTML Structure [Source Code] CSS Structure [Cascading Styles] DIV or ID Tags and Classes. The BOX MODEL HTML CSS Basic Structure HTML [Hypertext Markup Language] is the code read by a browser and defines the overall page structure. The HTML file or web page [.html] is made up of a head and a body. The head

More information

HTML Fails: What No One Tells You About Email HTML

HTML Fails: What No One Tells You About Email HTML HTML Fails: What No One Tells You About Email HTML 2 Today s Webinar Presenter Kate McDonough Campaign Manager at PostUp Worked with various ESPs: Constant Contact, Campaign Monitor, ExactTarget, Distribion

More information

How to Properly Compose E-Mail HTML Code : 1

How to Properly Compose E-Mail HTML Code : 1 How to Properly Compose E-Mail HTML Code : 1 For any successful business, creating and sending great looking e-mail is essential to project a professional image. With the proliferation of numerous e-mail

More information

ICE: HTML, CSS, and Validation

ICE: HTML, CSS, and Validation ICE: HTML, CSS, and Validation Formatting a Recipe NAME: Overview Today you will be given an existing HTML page that already has significant content, in this case, a recipe. Your tasks are to: mark it

More information

WEB DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

More information

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Now that you know the basic principles of responsive web design CSS3 Media Queries, fluid images and media, and fluid grids, you

More information

Coding HTML Email: Tips, Tricks and Best Practices

Coding HTML Email: Tips, Tricks and Best Practices Before you begin reading PRINT the report out on paper. I assure you that you ll receive much more benefit from studying over the information, rather than simply browsing through it on your computer screen.

More information

Fortis Theme Update Guide

Fortis Theme Update Guide Fortis Theme Update Guide Copyright 2012 Infortis 1 Table of Contents 1. How to update the theme?...3 2. Important changes...5 2.1 Fortis Theme version 1.3.1...5 2.2 Fortis Theme version 1.3.0...5 2.3

More information

Magento Responsive Theme Design

Magento Responsive Theme Design Magento Responsive Theme Design Richard Carter Chapter No. 2 "Making Your Store Responsive" In this package, you will find: A Biography of the author of the book A preview chapter from the book, Chapter

More information

Responsive Web Design (RWD) Building a single web site for the desktop, tablet and smartphone

Responsive Web Design (RWD) Building a single web site for the desktop, tablet and smartphone Responsive Web Design (RWD) Building a single web site for the desktop, tablet and smartphone An Infopeople Webinar November 13, 2013 Jason Clark Head of Digital Access & Web Services Montana State University

More information

MCH Strategic Data Best Practices Review

MCH Strategic Data Best Practices Review MCH Strategic Data Best Practices Review Presenters Alex Bardoff Manager, Creative Services [email protected] Lindsey McFadden Manager, Campaign Production Services [email protected] 2 Creative

More information

LaGuardia Community College 31-10 Thomson Ave, Long Island City, New York 11101 Created by ISMD s Dept. Training Team. Overview

LaGuardia Community College 31-10 Thomson Ave, Long Island City, New York 11101 Created by ISMD s Dept. Training Team. Overview Overview Dreamweaver gives you many options when it comes to setting the properties for your webpages. Within the "Page Properties" dialog box, you can set the appearance of your page, name your page and

More information

WRITE BETTER HTML BY WRITING BETTER CSS

WRITE BETTER HTML BY WRITING BETTER CSS WRITE BETTER HTML BY WRITING BETTER CSS THE ROYAL WE Chris Coyier @chriscoyier BETTER? 1 Less of it 2 More Semantic 3 More Accessible 4 Futureproof // Speed // Maintainability // SEO // Happy People 123

More information

Big Data Meets Infosec Visualiza4on. Forensics Challenge 10 Honeynet.org

Big Data Meets Infosec Visualiza4on. Forensics Challenge 10 Honeynet.org Big Data Meets Infosec Visualiza4on Forensics Challenge 10 Honeynet.org Challenge Design and build a visualiza4on that describes the aaacks that were analyzed in FC5. Use the three prize winners solu4ons

More information

CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)

CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) Step 1 - DEFINE A NEW WEB SITE - 5 POINTS 1. From the welcome window that opens select the Dreamweaver Site... or from the main

More information

CREATING HORIZONTAL NAVIGATION BAR USING ADOBE DREAMWEAVER CS5

CREATING HORIZONTAL NAVIGATION BAR USING ADOBE DREAMWEAVER CS5 CREATING HORIZONTAL NAVIGATION BAR USING ADOBE DREAMWEAVER CS5 Step 1 - Creating list of links - (5 points) Traditionally, CSS navigation is based on unordered list - . Any navigational bar can be

More information

AMA Digital/Web Advertising Placements - Banner Sizes

AMA Digital/Web Advertising Placements - Banner Sizes American Medical Association - Digital/Web Advertising Material Spec Sheet AMA Digital/Web Advertising Contacts Sales - Display / Online (New Jersey) Sales - Classified / Online (Chicago) Production /

More information

FOUNDATION OF INFORMATION TECHNOLOGY Class-X (TERM II)

FOUNDATION OF INFORMATION TECHNOLOGY Class-X (TERM II) Sample Question Paper FOUNDATION OF INFORMATION TECHNOLOGY Class-X (TERM II) TIME : 3 Hrs MM : 80. SECTION A 1. Fill in the blanks: [10] 1.1 is the extension of an XML file. 1.2 attribute is used with

More information

8 STEPS TO CODE KILLER RESPONSIVE EMAILS

8 STEPS TO CODE KILLER RESPONSIVE EMAILS 8 STEPS TO CODE KILLER RESPONSIVE EMAILS THAT WILL MAKE YOUR EMAILS BEAUTIFUL 3 BUILD RESPONSIVE EMAIL STEP BY STEP Steps to create a simple responsive email template. (fluid image, main content, two

More information

Last week we talked about creating your own tags: div tags and span tags. A div tag goes around other tags, e.g.,:

Last week we talked about creating your own tags: div tags and span tags. A div tag goes around other tags, e.g.,: CSS Tutorial Part 2: Last week we talked about creating your own tags: div tags and span tags. A div tag goes around other tags, e.g.,: animals A paragraph about animals goes here

More information

JQUERY SANS JQUERY Raphaël Rougeron / @goldoraf

JQUERY SANS JQUERY Raphaël Rougeron / @goldoraf JQUERY SANS JQUERY Raphaël Rougeron / @goldoraf JAVASCRIPT IL Y A 10 ANS 2006 JQUERY AUJOURD'HUI 92,2% POLYFILLING if ('queryselector' in document && 'localstorage' in window && 'addeventlistener'

More information

Overview. How It Works

Overview. How It Works Overview Email is a great way to communicate with your alumni and donors. It s agile, it can be interactive, and it has lower overhead than print mail. Our constituents are also becoming more and more

More information

Email Creator Coding Guidelines Toolbox

Email Creator Coding Guidelines Toolbox Email Creator Coding Guidelines Toolbox The following information is needed when coding your own template from html to be imported into the Email Creator. You will need basic html and css knowledge for

More information

Building a Horizontal Menu in Dreamweaver CS3 Using Spry R. Berdan

Building a Horizontal Menu in Dreamweaver CS3 Using Spry R. Berdan Building a Horizontal Menu in Dreamweaver CS3 Using Spry R. Berdan In earlier versions of dreamweaver web developers attach drop down menus to graphics or hyperlinks by using the behavior box. Dreamweaver

More information

Create a Web Page with Dreamweaver

Create a Web Page with Dreamweaver Create a Web Page with Dreamweaver Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. 1. Launch Dreamweaver. Several windows appear that will assist

More information

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every

More information

Kentico CMS 7.0 Personal Site Guide

Kentico CMS 7.0 Personal Site Guide Kentico CMS 7.0 Personal Site Guide 2 Kentico CMS 7.0 Personal Site Guide Table of Contents Personal Site Guide 4... 4 Overview Getting Started 6... 6 Editing content... 8 Adding a blog post... 11 Adding

More information

Introduction to web development and JavaScript

Introduction to web development and JavaScript Objectives Chapter 1 Introduction to web development and JavaScript Applied Load a web page from the Internet or an intranet into a web browser. View the source code for a web page in a web browser. Knowledge

More information

Outline of CSS: Cascading Style Sheets

Outline of CSS: Cascading Style Sheets Outline of CSS: Cascading Style Sheets nigelbuckner 2014 This is an introduction to CSS showing how styles are written, types of style sheets, CSS selectors, the cascade, grouping styles and how styles

More information

This document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator.

This document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator. 1 Introduction This document will describe how you can create your own, fully responsive drag and drop email template to use in the email creator. It includes ready-made HTML code that will allow you to

More information

Wykład 2_2 TINT. Kaskadowe arkusze stylu Tabele, zastosowanie znaczników div. Zofia Kruczkiewicz

Wykład 2_2 TINT. Kaskadowe arkusze stylu Tabele, zastosowanie znaczników div. Zofia Kruczkiewicz Wykład 2_2 TINT Kaskadowe arkusze stylu Tabele, zastosowanie znaczników div Zofia Kruczkiewicz 1. Zewnętrzne arkusze stylów dla tabel i tła 1.1. Kod html strony www z p. 1 stosujący zewnętrzne arkusze

More information

Chapter 1 Introduction to web development and PHP

Chapter 1 Introduction to web development and PHP Chapter 1 Introduction to web development and PHP Murach's PHP and MySQL, C1 2010, Mike Murach & Associates, Inc. Slide 1 Objectives Applied 1. Use the XAMPP control panel to start or stop Apache or MySQL

More information

Principles of Web Design 6 th Edition. Chapter 12 Responsive Web Design

Principles of Web Design 6 th Edition. Chapter 12 Responsive Web Design Principles of Web Design 6 th Edition Chapter 12 Responsive Web Design Objectives Recognize the need for responsive web design Use media queries to apply conditional styles Build a basic media query Create

More information

Copyright 2013 wolfssl Inc. All rights reserved. 2

Copyright 2013 wolfssl Inc. All rights reserved. 2 - - Copyright 2013 wolfssl Inc. All rights reserved. 2 Copyright 2013 wolfssl Inc. All rights reserved. 2 Copyright 2013 wolfssl Inc. All rights reserved. 3 Copyright 2013 wolfssl Inc. All rights reserved.

More information

01/42. Lecture notes. html and css

01/42. Lecture notes. html and css web design and applications Web Design and Applications involve the standards for building and Rendering Web pages, including HTML, CSS, SVG, Ajax, and other technologies for Web Applications ( WebApps

More information

Thanks. I want to thank everyone who helped and supported me in this project. Thank you all! Cédric KEIFLIN

Thanks. I want to thank everyone who helped and supported me in this project. Thank you all! Cédric KEIFLIN KEIFLIN Cédric 1 Janvier KEIFLIN Cédric 2 Janvier Thanks I want to thank everyone who helped and supported me in this project. Thank you all! Cédric KEIFLIN KEIFLIN Cédric 3 Janvier My websites http://www.joomlack.fr

More information

Website Login Integration

Website Login Integration SSO Widget Website Login Integration October 2015 Table of Contents Introduction... 3 Getting Started... 5 Creating your Login Form... 5 Full code for the example (including CSS and JavaScript):... 7 2

More information

Smashing CSS: Professional Techniques for Modern Layout, Meyer, Eric A., Wiley, 2011; ISBN: 9780470684160 (Recommended)

Smashing CSS: Professional Techniques for Modern Layout, Meyer, Eric A., Wiley, 2011; ISBN: 9780470684160 (Recommended) Syllabus AVT 217: Introduction to Web Design Instructor: Daniel Pegues Email: [email protected] Office Hours: By appointment only Term: Fall 2011 CRN: Prerequisite: AVT 180 New Media in the Creative Arts

More information

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.

More information

Adobe Illustrator CS6. Illustrating Innovative Web Design

Adobe Illustrator CS6. Illustrating Innovative Web Design Overview In this seminar, you will learn how to create a basic graphic in Illustrator, export that image for web use, and apply it as the background for a section of a web page. You will use both Adobe

More information

Selectors in Action LESSON 3

Selectors in Action LESSON 3 LESSON 3 Selectors in Action In this lesson, you will learn about the different types of selectors and how to use them. Setting Up the HTML Code Selectors are one of the most important aspects of CSS because

More information

Hello friends, This is Aaditya Purani and i will show you how to Bypass PHP LFI(Local File Inclusion)

Hello friends, This is Aaditya Purani and i will show you how to Bypass PHP LFI(Local File Inclusion) #Title: PHP LFI Bypass #Date : 12-July-2015 #Tested on: Kali Linux/ Windows 7 #Category : Papers #Exploit Author : Aaditya Purani Hello friends, This is Aaditya Purani and i will show you how to Bypass

More information

ios App Development Using Cordova

ios App Development Using Cordova ios App Development Using Cordova Created by Todd Treece Last updated on 2015-06-29 08:20:06 AM EDT Guide Contents Guide Contents Overview Installing Dependencies Creating a New App index.html index.css

More information