HTML5 CSS3 responsive templates

I've got a new template HTML5 CSS3 responsive. Wondering what the recommended method for navigation menu editing, top block and footer is. The pages are currently .html. In previous sites I changed over to php and used server side includes (library items before that.) I want to keep this new site working across devices. What do my DreamWeaver pros recommend in 2014?

Hi Nancy O.
Just to be sure, the site template has responsive menues built in. I need to be sure I have a way to edit the text in the menu, footer and topblock in a way that will edit across all the pages. You are recomending I switch to php and use server side includes like I have in the past before going with this responsive template. Correct?
Just one more question, Nancy. I'm curious, if this is the best way to go, how come I don't see a whole lot of site urls ending in .php instead of .html on the web these days? It almost seems like all sites should be php - how else do you edit components across all pages without making a change on each page everytime?
Thank so much, BTW, for your speedy reply!

Similar Messages

Error with universalis responsive template. Prices appear with 163; code before them instead of £ sign. Does anyone know how to fix this problem?

Error with universalis responsive template. Prices appear with 163; code before them instead of £ sign. Does anyone know how to fix this problem?

Error with universalis responsive template. Prices appear with 163; code before them instead of £ sign. Does anyone know how to fix this problem?

Custom Responsive Template

Hi,
Is it possible to create a custom responsive template? If so, how?
Thanks in advance.

There is another discussion thread at this moment about themes and templates: Templates vs Themes.
Just save the theme and you'll have it in all other projects available, no need to save is as an empty project at all. I would also recommend to save the custom theme colors palette, more information here:
Colorful 2015 with Adobe Captivate - Captivate blog
Theme Colors - Captivate blog
If you need more placeholders than the ones you create on the master slides, you can create a template. All depends on your needs...read the thread under the first link. You'll see that my opinion about templates is totally different from Rick's opinion. A template has a theme as well, even if you create a template, please save that theme (and the color palette) because it is a bit more flexible that a template. A theme has three components: Object styles (with the three breakpoint view styles for each object), master slides and skin. Shapes in CP8 have also three states because they can always be used as buttons.

Workflow - WFMAIL - Response Template Customize

Hi All,
Were there any correct approaches/answers to the following type of questions posted by users for workflow ?
https://community.oracle.com/thread/2408439
How to customize notifications response email body in iExpense
I surprise less replies in case of customizing "Response Template (HTML text content/Frame Work/JavaScript content) in Workflow Message Templates (WFMAIL)" - in case of "Workflow Open Mail (Direct) Message" Type.
I understand some clients were using old method of Direct Response instead of moving to the new "Workflow Open Mail (Outlook Express)".
Thanks,
@N

When a Manager clicks on the APPROVE (button / link) to approve a workflow notification from a mailing application, a (response) mail gets composed to the Workflow Mailbox with the NID and Access Key. The content as shown below.
===========================
Action: ‘Approve’
Comments: ”
NID[3699/874478985@WFMAIL3]
===========================
Requirement:
Need to customize that response mail which is getting composed automatically; when user/employee/manager is clicking on approve / reject links in the notification outlook email. How to do this ?

BC Gurus responsive template slider

Help!!!
I have installed one of BC Gurus' responsive templates for a new site and have somehow managed to mess up the home page slider.
All I did was open the Home template, delete a couple lines of code to remove a row, and the slider now displays stacked.
When I restored the code I had deleted, and even when I rolled the page back, the slide ris still not repaired.
Can someone PLEASE help me???
Here is the page: Home Page
Thank you!

Hi, this occurs if you open the homepage template live on the site via the page template.
The editor within the admin console will wipe out this code "data-orbit" once you save the template.
<ul data-orbit> (about line 28) on the homepage template.
It looks to be the way the editor is trying to keep the code clean - it does not recognise this as valid code so cleans it out.
Suggest if you can, to open the template using DEVELOP mode if accessible (this works) to you or edit it offline then upload.

Can you package HTML5/ CSS3 and Canvas up into a PDF?

I see that you can package HTML into a PDF. Is there a support table of what HTML is supported in this process? Is HTML5 supported?

It's funny because you would think boxing up HTML5 into a PDF would be "priority number 1" for Adobe Acrobat?
would this not solve tons of issues and create multitudes of awesome situations for mobile, desktop, etc.
InDesign    >    HTML5   >   OMG some magic Adobe Process   >    ePub3
Dreamweaver    > HTML5 JQuery mobile   >   OMG some magic Adobe Process > Interactive PDF
Adobe Edge    > HTML5 CSS3    > OMG some magic Adobe Process    > Games/ Interactive PDF
Flash CreateJS    >   HTML5 Canvas     >    OMG some magic Adobe Process   > Games / Interactive PDF
dude I cannot be the only person who has thought of this Adobe... and don't tell me this cannot be done.

Create a multi-page website using DW CC responsive template

I have a reponsive template set up for a new website. Is it possible to use that one template for various layout structures from page to page?
More specifically, I would like to modify the editable regions on various pages so that one page has two columns, another page has three columns, and the last page has a single column. Is that possible using one template?
I have used a single responsive template for other websites, however each of the pages had the same layout (two columns). There were no variations in the basic structure from page to page.

I am going to have to explore nested templates.
No, no, no, don't do that!! Nested templates are a total nightmare to work with.
One template should be all you need. Simply decide how many columns you want on a given child page and adjust column widths with page specific embedded CSS code like this.
Page 1
<style>
/**1-col child page**/
#col1 {width: 100%}
</style>
Page 2
<style>
/**2-col child page**/
#col1 {width: 50%}
#col2 {width:50%}
</style>
Page 3
<style>
/**3-col child page**/
#col1 {width: 33.3%}
#col2 {width:33.3%}
#col3 {width:33.3%}
</style>
Make sense?
Nancy O.

Bc responsive templates - frameworks

FYI, I was looking for a quick way to determine which frameworks the BC offered responsive templates used. Chat support was unable to immediately help but has a ticket out on this question. In the mean time I looked at the HTML so I thought others might be interested in this quick list as of 2014/06/30:
Universalis / Skeleton
Architecture / Bootstrap
Agency Portfolio / ?
Photography / Foundation
Accounting / Foundation
Listings / Foundation
Auto Dealer / Foundation
Interior Design / Foundation
Church / Foundation
Conference / Foundation
Cultivate / Foundation
Golf Club / Foundation
Law / Foundation
Boutique / Bootstrap
Coffee / Bootstrap
For my business model I plan to stick to on framework whenever possible (in my case Foundation.) While I prefer to create responsive UI's from scratch rather than a template some client projects (mainly because of budget) seem to lend themselves to a template. I'm not looking to get into a debate about using templates just thought others might be interested.
I'm hoping this can be added to the rollover info in the future as templates are revised or updated so it would be a little easier to find the info.

short answer, no
I was hoping there was a quick way to see the framework used by the bc provided (free) responsive templates (available when you create a new site). While I can dig into the HTML it would be nice to be able to see this info at a glance rather than waste time digging through the HTML of each template. Especially since the bc provided templates will most likely change or be updated over time, as such the frameworks (or custom builds) may change. No reason not to prove a quick note on the thumbnail rollover specifying the framework.

Modify response template workflow_info.htm

Hi - I'm wanting to modify response template workflow_info.htm to display full names of reviewers in the template. I already know that the getValueForSpecifiedUser function will do that for me and I have some experience with custom components, but I'm not quite sure how to go about this particular change since the template is called from the GET_WORKFLOW_INFO_BYNAME service.
The questions I have are as follows:
What type of resource definition do I create?
Do I use a super tag to override the existing output? I'm leaning to the belief that I override the service itself rather than the output of the response template, but could use a pointer here.
Appreciate any advice anyone can provide.
Many thanks,
Jon

That helps a bunch. What I'm dealing with is that we need to display the full first and last name of the approvers in the workflow action history section as follows:
          
          <td class="<$rowClass$>">
               <div class="xuiListCellDivCenter" nowrap>
                    <script language="JavaScript">
                         var userString = "<$js(wfUsers)$>";
                         var userArray = userString.split(",");
                         for (var i=0; i<userArray.length; i++) { document.write(userArray[i] + "<br>") }
                    </script>
               </div></td>
So I would change the output to display their last and first name rather than their account name, which is what is currently showing up. That is the goal.
In the past, I've done components where I had used the @dynamichtml to key off the named fragment, so this became a problem when I was trying to use the response template for the Workflow service which didn't have any of these and I was left to try to make sense of how to do a component for this... I think I'm getting what you are saying to do and will give it a go. I'll post my success/fails here to go through it with you guys...
Many thanks
Edited by: Jon Almada on Feb 5, 2013 1:38 PM

Iweb With html5 Pre Built Templates?

Sorry if this is an obvious question, but Googling hasn't helped me.
I found an html5 pre built template I would like to purchase and download. But I am very limited in Dreamweaver knowledge. Can I open and work with this type of template in iWeb?

iWeb can only use templates that are specifically designed for it. It cannot open an external html file.
I would imagine that what you are contemplating buying is an HTML layout with a CSS stylesheet. You would need code entry style software for this but you really don't need DreamWeaver.
I use Rage WebDesign for this. Taco is a really good, cheaper alternative and Fraise is free.
Some iWeb users are moving to Flux 3 since it handles both code entry and drag and drop. This application, to my mind, is over complicated and you would be better to use a WYSIWYG code entry style software if you are starting off with a well designed Stylesheet and HTML template. Its a lot easier in the long run and produces much cleaner code.

Creating a panorama, for use on a tablet (HTML5/CSS3/JS/PhoneGap/CS5.5)

I'm looking for a way to do a panorama image that the user can simply drag left/right to pan the image and view around the panorama. Without a cursor this is becoming a bit difficult. Looking for some javascript/phonegap/jquerymobile/cs5.5 tips that might make this easier.
jQuerymobile can tell you basic events like swipeleft, swipe, swiperight, tap, etc. What I'm interested in is when the user touches and drags their finger, I'd just like to slide the image. What I find is that javascript seems to "stop" the moment the onmousedown event occurs. I poll for the cursor position (event.clientX) but it's not updating until I let go. On a standard browser it dutifully keeps updating the value even though I have the mouse button down.
What potential ways could I execute this horizontal sliding panorama using the above technologies in CS5.5/JS/CSS3/HTML5?
Thanks for any tips!

I did find a nice resource on an exhaustive effort to check compatibility of various browsers and devices and to my suprise there's a mobile touchmove event I never knew about. This event fires off in both my iPad and Android tablet (and phones for that matter). The problem is, the data returned does not contain any kind of position information. It has clientX and pageX and such but they have no usable values.
Here's a demo I'm using as an example. I just want to pan the large (randomly googled) image to the left and right when I drag my finger on it. I'm printing out the touchmove data that is returned along with a 'count' variable so you can see how many times it has fired off. Note: this only works on tablets/phones, not a desktop browser.
Any tips on doing this?

Play button showing when publishing to responsive template

I'm having difficulties when previewing and publishing a responsive project.
Initially when I viewed the review/published project the first slide was blank and I had to use the TOC to navigate to the first page. I searched for a resolution and found a support document stating that auto play should be turned off when publishing a project in html5. I unchecked the auto play box in publish settings and the project now starts at the first slide. The issue now is that the play button displays throughout the course. Does anyone know how to remove this/change the settings? I've used Captivate 5.5 and 6 in the past and the play button has been hidden on click. Another issue is that the hand cursor doesn't appear when I hover over the button and it needs to be clicked twice before the project will start.
Here is an example...This is the first page but when I click the button it still appears on every slide of the project.
Please help.

I see the Helvetica problem on the menu
The birth card looks nice in italic, but I am sure that's not what you had intended.
Can you see whether this particular font is already in the Font Book. There might be a clash of fonts here ... Font Book and FontExplorer. Restart you Mac and see if the problem persists. But save your site first.
There is no need to re-install iWeb. This is a font issue.
I am using Extensis Suitcase
Joe
[email protected]

CSS HTML5 DWCS6 web template question

I have a Responsive website template I am editing. There is only one issue I am having with the template. When I remove the background image because I don't need the quotes and view the site in mobile view in ADOBE DREAMWEAVER CS6, the text is thrown off and is squeezed towards the right of the screen in a very narrow and unreadable column instead of flowing to the left in a nice readable column.
Original css with quotes:
.block-left-2 {
overflow:hidden;
margin-left:250px;
font-style:italic;
padding-left:50px;
background: url('../images/p-bg.png') no-repeat 0 2px;
margin-top:-5px;
My changed css without quotes:
.block-left-2 {
overflow:hidden;
margin-left:250px;
font-style:italic;
padding-left:50px;
background: none;
margin-top:-5px;
Can anyone tell me what do I need to change in the above css to make the text area that had the quotes (background :url image) removed flow normally when viewed through a mobile device just as it flows normally with the quotes (background url image)?
Your help would be greatly appreciated. I love your templates, but if I cannot get any help for just this one thing, I will not be purchasing any more of these from your website.

I'm not sure why changing a background attribute would do anything to the flow of text on your page, but...
background:none;
...should be taken out completely. I don't think that's technically a usable attribute for the background shorthand property and may be why it's throwing off your text.
If removing it completely doesn't fix the issue, something else has been changed in your css or html that is causing the problem.
EDIT: Nevermind, I guess it is technically valid css, but still, it shouldn't have anything to do with your text and can be removed, since you want "no background" you can just leave it out all-together. There must be something else changed in your css or html causing your text to go squirrely.
Any chance you could post a link?
EDIT 2: Also keep in mind, this is a user to user forum for Adobe products and actual Adobe employees don't drop by very often. For the most part, it's just software users like yourself that are offering up the answers here.

Changing response template for CHECKIN_NEW service

Hi!
We use the CHECKIN_NEW service via URL.
When the file is checked in, though, instead of having the checkin_confirm.htm response page (from CHECKIN_CONFIRM_FORM invoked by CHECKIN_NEW), I would like to have a response page of my own design.
Can I, by overriding CHECKIN_NEW in a custom component, only add a new template as a ConfirmPage and have this displayed instead or how do I do this the best way?

I am going from memory from years ago when someone asked me this same question, but I think that the service that the service CHECKIN_CONFIRM_FORM is the service you want and actually all you would need to override would be the actual form called by the service (or the includes that are called on that form) to change or personalize the check in confirmation form.
On pre 11g servers add &ScriptDebugTrace=1 to the url of that page. This will give you the hierarchy of includes called from that form (which was called by the CHECKIN_CONFIRM_FORM service and appears as one of the parameters to the service if you go look at std_services.htm or the services reference guide.
On 11g &ScriptDebugTrace=1 is turned off by default. Search the online 11g docs for that variable to find out how to turn it back on. You could turn it off on pre 11g servers but it was on by default as opposed to off by default in 11g.
So the service calls the template (which you can find the name of in the service definition or the services reference guide or by looking in the standard template file templates.hda) and the template has standard include calls inside of it which call other includes. You can look at those with &ScriptDebugTrace=1 on the page URL (but remember not to be in Trays layout because Framesets mess up the URL)
Some of this same stuff is in a note on My Oracle Support (MOS)
How Is The Content Server Customized with IDOC Script and Custom Components? (Doc ID 983321.1)
Support can not help with custom code but they made a simple note to offer some general guidelines.
Edited by: KJR on Oct 28, 2010 10:53 AM

How can you place a video with no controls? HTML5 CSS3

I would like to just place my video (MP4) and have it come into the page actual size with no controls, set to autoplay and loop. Can anyone tell me how to write the code to accomplish this?? Thanks in advance!!

it's really a banner type image that I created in Flash... it's not a "real video" I converted it to video so it would play on OS devices.
I take it you might not have an iOS device. Even if you hide controls, the OS has it's own controls for videos that will show up for users. Seeing as how Adobe just gave Flex to Apache this morning ( http://www.macworld.com/article/163699/2011/11/adobe_donates_flex_to_apache.html ), you might want to try Google's tool for exporting Flash as HTML5 for your banner if it's an animation you want to play. If it's a rotating banner, I'd recommend a JQuery option.
http://blogs.adobe.com/jnack/2011/11/google-flash-developers-export-to-html5-with-new-swif fy-extension.html
It should work with CS4 and above.

HTML5 CSS3 responsive templates

Similar Messages

Maybe you are looking for