This thread is for tricks and tips only - please no problem questions. Have a problem or question or want to chit chat about this program then Start a new thread please.
Share your tricks or tips for Responsive Site Designer with others!
This thread is for tricks and tips only - please no problem questions. Have a problem or question or want to chit chat about this program then Start a new thread please.
This thread is for tricks and tips only - please no problem questions. Have a problem or question or want to chit chat about this program then Start a new thread please.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Use Multiple CSS Classes on a Single Element
https://www.youtube.com/watch?v=6_UXgh4IPVY
Responsive Site Designer allows you to define each element with up to 4 classes to provide additional information about each element or give it different styles.
And you don’t have to limit yourself with elements to just one class. If you need to set multiple classes on an element, you add them simply by separating them with a space in your attribute.
https://www.youtube.com/watch?v=6_UXgh4IPVY
Responsive Site Designer allows you to define each element with up to 4 classes to provide additional information about each element or give it different styles.
And you don’t have to limit yourself with elements to just one class. If you need to set multiple classes on an element, you add them simply by separating them with a space in your attribute.
Guys at coffeecup are awesometacular.
Pauline Leverett wrote:
I'm sure this process is very easy if you know exactly what you're doing but this YouTube video is so fast it's very difficult to follow! Any chance of an idiot's guide to responsive navigation menu?
I'm sure this process is very easy if you know exactly what you're doing but this YouTube video is so fast it's very difficult to follow! Any chance of an idiot's guide to responsive navigation menu?
I will do it again soon once I got little time and till then have look at this video here
https://www.youtube.com/watch?v=Dp19DeTIakU
Since RLM and RSD very similar , then I will tell you how to make it sticky.
Note:
Please read above Scott Note and keep here clean for Tips and Tricks ONLY
once you read this message please advice admin here to delete these extra topics
Guys at coffeecup are awesometacular.
Creating Fixed / Sticky Navigation Bar With Responsive Site Designer
https://www.youtube.com/watch?v=9J-tJF22rbM
Thank you
https://www.youtube.com/watch?v=9J-tJF22rbM
Thank you
Guys at coffeecup are awesometacular.
Adding Links to Navigation Menu
https://www.youtube.com/watch?v=R-MSBpoCPCc
https://www.youtube.com/watch?v=R-MSBpoCPCc
Guys at coffeecup are awesometacular.
I was very slow to realise that, on the 'Select Export Folder' box I needed to navigate to the correct folder only once. On subsequent exports I could get to the right folder without navigating to it.
What I now do is as follows -
1. When first using the 'Select Export Folder':
a. I navigate to the correct folder.
b. Before clicking on the 'Select Folder' button I click towards the right-hand end of the address bar at the top to select the address, and press Ctrl-c to copy it.
2. On subsequent exports to the same folder, I simply press Ctrl-v as soon as the 'Select Export Folder' box opens, and click the 'Select Folder' button.
Frank
What I now do is as follows -
1. When first using the 'Select Export Folder':
a. I navigate to the correct folder.
b. Before clicking on the 'Select Folder' button I click towards the right-hand end of the address bar at the top to select the address, and press Ctrl-c to copy it.
2. On subsequent exports to the same folder, I simply press Ctrl-v as soon as the 'Select Export Folder' box opens, and click the 'Select Folder' button.
Frank
See you screen width in your browser preview and online.
Place this piece of code into a html element and place it in a row by itself to see what the screen width is to diagnose layout problems.
Place this piece of code into a html element and place it in a row by itself to see what the screen width is to diagnose layout problems.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script>
var jQ = $.noConflict(true);
jQ(window).resize(function() {
jQ("#dimensions").html(jQ(window).width());
}).resize();
</script>
<h2 style="color:#FFFFFF">Page Width: <span id="dimensions"></span></h2>
var jQ = $.noConflict(true);
jQ(window).resize(function() {
jQ("#dimensions").html(jQ(window).width());
}).resize();
</script>
<h2 style="color:#FFFFFF">Page Width: <span id="dimensions"></span></h2>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Fixed Position Animated Nav Bar
This will allow you to have a fixed position animated top nav bar in RSD.
Example here as well as the .rsd file: http://decalsandtees.com/misc/rsd/index.html
This will allow you to have a fixed position animated top nav bar in RSD.
Example here as well as the .rsd file: http://decalsandtees.com/misc/rsd/index.html
How to place a button in the center of column
https://www.youtube.com/watch?v=MDn1n0K5YpI
https://www.youtube.com/watch?v=MDn1n0K5YpI
Guys at coffeecup are awesometacular.
Create a simple mobil navigation inside the RSD with a few lines of extra code.
https://youtu.be/JAbmXtMWPys
Link to the tutorial page http://www.realdesign4you.com/tutorials/mobil-navigation
IMPORTANT This is only for a flat navigation structure.
Link to an example template: http://realdesign4you.com/tutorials/susan-swan
https://youtu.be/JAbmXtMWPys
Link to the tutorial page http://www.realdesign4you.com/tutorials/mobil-navigation
IMPORTANT This is only for a flat navigation structure.
Link to an example template: http://realdesign4you.com/tutorials/susan-swan
Only dead fish go with the flow!
I work with: RSD - RLMP - WFB - MB - WE 2.0
http://www.realdesign4you.com
I work with: RSD - RLMP - WFB - MB - WE 2.0
http://www.realdesign4you.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.