Viewing how would you do this?

how would you do this?



User: spyboynola 12 years ago
In Iweb when you published to the folder you could take out pages as pdf's and use them in an adobe product as idesign. I know that was the reason iweb was so search engine poor, but that was one nice feature if you were also publishing digitally in a magazine format. could it be possible to export easyweb files to iweb and proceed? if so where would i get iweb app, and if not how would you do it? you being anybody!
thanks....
User: Christopher 12 years ago
Isn't iweb dead? Why would you want to export EW files to iWeb?

It's unclear what you're asking. Are you saying you'd like your website to be able to export PDF's?

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com
User: Roddy 12 years ago
You can save any web page as a PDF.

Launch the page in Safari and choose "Print..." from the file menu or do Command P

Click the "PDF" button at the lower left of the print window

Select "Open PDF in Preview" or "Save as PDF..."

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: spyboynola 12 years ago
So I tried your suggestion and only got text formatted text but no images. I am trying mailing and then saving.
Any other suggestions. I am running os10.6.8.
User: Roddy 12 years ago
EasyWeb inserts images as a div background so they don't appear in a PDF.

Insert your images using the <img> tag and they will appear in the PDF.

In the browser...



In the PDF...



-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: spyboynola 12 years ago
is that something i can do with little or no coding experience? can i open in code and do a search and change to... find image descriptions with dreamweaver and make changes? how should i place images the first time so I don't have to change later? If this is too time consuming for you i understand, thanks for your time.
User: Roddy 12 years ago
See this page...

http://roddymckay.com/EasyWeb/test/image.html

Here's an example of the HTML with inline styles...

<img src="{!-ASSETSPATH-!}Images/image-file.jpg" style="width: 400px; height: 300px; background: #eee; padding: 10px ; border: 1px solid #bbb;-moz-box-shadow: 3px 3px 3px #ccc;-webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; " alt="alt image text" title="Tooltip Text" />

All you really need is the height and width...

<img src="{!-ASSETSPATH-!}Images/image-file.jpg" style="width: 400px; height: 300px" alt="alt image text" />

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: spyboynola 12 years ago
Thanks for your time I am studying your info, thanks again.
User: spyboynola 12 years ago
[quote="spyboynola":3ji4ltmm]Thanks for your time I am studying your info, thanks again.[/quote:3ji4ltmm]
your snippets work beautifully. you said something about creating a style. within easy web? on my computer, is there a collection app?
thanks so much for your time and suggestions.
User: Roddy 12 years ago
Quote:
you said something about creating a style. within easy web? on my computer, is there a collection app?


I don't know what you mean by this?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: spyboynola 12 years ago
on your website you explained
"There are quite a few advantages to using the <img> tag in an HTML Snippet rather than just dragging the image onto the page and letting EasyWeb do the heavy lifting.

Create frames, borders and radiused borders without adding more images.
Add CSS box shadow - again no extra images
Add an image alt attribute for the search engines
Add a title attribute that appears in the tooltip and can be read by both humans and the SEO spiders

[color=#FF8040:2bhp2l8i]If you have a lot of images the same size, you can create a class in the styles so that the HTML is minimal and would go like this...
[/color:2bhp2l8i]
<img src="{!-ASSETSPATH-!}Images/image-name.jpg" class="my-image" alt="alt text" title="title text" />

Your web pages will load a lot faster in the browsers and the spiders will love you!"
so i wanted to figure out how to "create a class in the styles".
User: Roddy 12 years ago
Paste the style into the page or site wide Head Code box...

<style type="text/css">
.styledImage {
width: 400px; /*image width */
height: 300px; /*image height */
background: #eee; /* background color */
padding: 10px ; /* space between image and border */
border: 1px solid #bbb; /* border width, style and color */
box-shadow: 3px 3px 3px #ccc; /* shadow x, y, spread and color */
-webkit-box-shadow: 3px 3px 3px #ccc /* webkit shadow vendor prefix */
}
</style>


Paste the HTML into a snippet...

<img class="styledImage" src="ewExternalFiles/image-file-name.jpg" alt="alternative image text" title="Tooltip Text" />

... and enter the image file name. Enter alt text and and also title text if required.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.