-
1. Re: Dreamweaver and CSS, Java editing an exsisting website to create your own template.
MurraySummers Dec 9, 2011 3:58 AM (in response to WebGuyDesign)When you grab the code of a remote file to be edited in DW, you must also grab all of its dependent files from that same site. Save all those files in your local root folder and adjust the links to them in the file (if necessary). For example, you browse to a page that you like and you view source to copy the code. Paste this code into a new page in DW. In that code, you see a link to a CSS file -
<link type="text/css" rel="stylesheet" href="_css/styles.css">
You must now browse to http://www.example.com/_css/styles.css, and copy that CSS code, which you again paste into a blank page in DW and save within the local site in a folder names "_css" with a filename of "styles.css".
Alternatively, you can adjust that link to this -
<link type="text/css" rel="stylesheet" href="http://www.example.com/_css/styles.css">
which will allow DW to read the existing stylesheet and apply the rules to the current page, but you will not be able to EDIT those rules. However, you would be able to modify them by adding a new, embedded stylesheet below the link containing your specific modifications. For example, suppose that remote stylesheet contained -
body { margin:50px; }
and you wanted to make the margins equal zero, you would do this -
<link type="text/css" rel="stylesheet" href="http://www.example.com/_css/styles.css">
<style type"text/css>
body { margin:0; }
</style>
Get the idea?
And by the way, it's "JavaScript", not "Java" - the two are as different as Steinem's fish and bicycles.
-
2. Re: Dreamweaver and CSS, Java editing an exsisting website to create your own template.
WebGuyDesign Dec 9, 2011 9:53 AM (in response to MurraySummers)Hi thank you for replaying, i will explore what you said tonight. Hopefully everything works.
Thanks again for being one of the only supportive responders
-
3. Re: Dreamweaver and CSS, Java editing an exsisting website to create your own template.
WebGuyDesign Dec 9, 2011 2:22 PM (in response to WebGuyDesign)Hi, i'm a little trouble with this as I am trying to explore different elements, mofity them, remove them or change them. One of the things I noticed is a script that I think is related to google advetisments on the page, but when I try to remove the scrip. It totally changes the layout I would like to keep. How would I make ajustment to it.
in the html i see this
</ul>
<div class="tower-rail-item">
<script type="text/javascript"><!--
google_ad_client = "ca-discovery-green_js";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600_as";
google_ad_type = "text_image";
//2007-01-30: indiv - left 2nd - skyscraper
google_ad_channel = "TreeHugger_Left_Tower";
google_color_border = "f0f0f0";
google_color_bg = "f0f0f0";
google_color_link = "4E5D76";
google_color_text = "000000";
google_color_url = "4E5D76";
google_feedback = 'on';
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
</div>
</div>
(
-
4. Re: Dreamweaver and CSS, Java editing an exsisting website to create your own template.
Nancy O. Dec 9, 2011 2:33 PM (in response to WebGuyDesign)Remove the Google Ads code. You can't use it anyway.
<script type="text/javascript"><!--
google_ad_client = "ca-discovery-green_js";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600_as";
google_ad_type = "text_image";
//2007-01-30: indiv - left 2nd - skyscraper
google_ad_channel = "TreeHugger_Left_Tower";
google_color_border = "f0f0f0";
google_color_bg = "f0f0f0";
google_color_link = "4E5D76";
google_color_text = "000000";
google_color_url = "4E5D76";
google_feedback = 'on';
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
5. Re: Dreamweaver and CSS, Java editing an exsisting website to create your own template.
MurraySummers Dec 9, 2011 2:38 PM (in response to WebGuyDesign)Why not leave it on the page?
If you want to eliminate it, you could try to replace this -
<div class="tower-rail-item">
<script type="text/javascript"><!--
google_ad_client = "ca-discovery-green_js";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600_as";
google_ad_type = "text_image";
//2007-01-30: indiv - left 2nd - skyscraper
google_ad_channel = "TreeHugger_Left_Tower";
google_color_border = "f0f0f0";
google_color_bg = "f0f0f0";
google_color_link = "4E5D76";
google_color_text = "000000";
google_color_url = "4E5D76";
google_feedback = 'on';
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
with this -
<div class="tower-rail-item" style="width:160px;height:600px;>
</div>
(Note that you are showing more than what you would have deleted to remove it altogether in your post above. To delete it altogether, change this -
</ul>
<div class="tower-rail-item">
<script type="text/javascript"><!--
google_ad_client = "ca-discovery-green_js";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600_as";
google_ad_type = "text_image";
//2007-01-30: indiv - left 2nd - skyscraper
google_ad_channel = "TreeHugger_Left_Tower";
google_color_border = "f0f0f0";
google_color_bg = "f0f0f0";
google_color_link = "4E5D76";
google_color_text = "000000";
google_color_url = "4E5D76";
google_feedback = 'on';
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
</div>
</div>
to this -
</ul>
<div class="tower-rail-item">
</div>
</div>
</div>
It's not suprising that deleting something like that might change the layout of the page. A well-built web page is very much like a well-built (and intricate) rock wall. Each element of the page somehow depends on the support and presence of each other element. Remove one and things get kinda crooked....
-
6. Re: Dreamweaver and CSS, Java editing an exsisting website to create your own template.
WebGuyDesign Dec 10, 2011 9:40 AM (in response to MurraySummers)Hey, well what I was trying to remove was google advertisments that look to be setup with the website which I would not like to have at this very moment. One of the things I dislike about dreaweaver is that if you are unfimilar with coding or div tag setups, the desigment can be a little tricky. For example, in this attachment the text i have on my page I would like to make longer by extending the paragraph (see attachment) but it's not that you can look in design view and grab the boxes and move them like that. With Adobe new updates, dreamweaver should be more flash design responsive where you can become more creative without using codes. So basically arrange your work where you want it how you want it and dremweaver will understand your actions and create div tages and html settings as you go.
To contine with my question I am still getting an error every time I try to adjust a size or do something it says www.example.com/stylessheet/thewasite.css can not open becasue it could nto ber found on your local disk. I think you tried explaining this to me again but i'm very new to dreamweaver and if you could explain it to be very supportive that would help again.
From what I understand, I find this file location and copy it to my computer but when I do that how do I tell dremwaver to reconize it there? I think I tried something of this nature before but, when I updated the links for testing, the layout, background shadows and structure seemed to change.
-
7. Re: Dreamweaver and CSS, Java editing an exsisting website to create your own template.
MurraySummers Dec 10, 2011 10:23 AM (in response to WebGuyDesign)The first thing you have to do is to define a site in DW. All of your files must then be placed within that site, and the links adjusted (if necessary) to point to the local location of the dependent files. Have you done that?
-
8. Re: Dreamweaver and CSS, Java editing an exsisting website to create your own template.
WebGuyDesign Dec 10, 2011 10:29 AM (in response to MurraySummers)I have tried, but don't think I have done it correctly. Within the html I have lines such as what is listed below. Are these the main files that have to be opened up and copied to my computer? After I rename it would I have to upload it to my serve and point that file to the location of where it is. Hope you can explain
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold&v1" />
<link rel="stylesheet" type="text/css" href="http://examplesite.css.com/stylesheets/1example.css">
<!--[if IE 8]><link rel="stylesheet" type="text/css" media="screen" href="http://examplesite.css.com/stylesheets/2example.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="http://examplesite.css.com/stylesheets/3example.css" /><![endif]-->
<!-- Scripts -->
<script type="text/javascript" src="http://example.example.com/scripts/jquery/jquery-1.6.4.min.js"></script>
<!-- RSS -->
<link rel="alternate" type="application/rss+xml" title="Latest Stories" href="/feeds/latest/" />
<link rel="alternate" type="application/rss+xml" title="Green Food Feed" href="/feeds/category/green-food/" />
<link rel="alternate" type="application/rss+xml" title="Jess Root's Feed on TreeHugger" href="/feeds/author/jess-root/" />
<!-- OpenGraph -->
<meta property="og:title" content="topics hereD"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="this will have to be changed"/>
<meta property="og:image" content="example.com"/>
<meta property="og:site_name" content="EXAMPLEr"/>
<meta property="og:description" content="We 'Huggers with our aspiring clean, fiber-rich diets probably aren't as likely to experience the daily (yikes!) Irritable Bowel Syndrome s. "/>
<meta property="fb:app_id" content="133255656700169" />
-
9. Re: Dreamweaver and CSS, Java editing an exsisting website to create your own template.
WebGuyDesign Dec 10, 2011 10:31 AM (in response to WebGuyDesign)not sure if any of these files can be modified <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold&v1 seems to be assoiated with a google account.
Can you walk me through how to link them up so I can edit, and remove things freely without that error message poping up
-
10. Re: Dreamweaver and CSS, Java editing an exsisting website to create your own template.
MurraySummers Dec 10, 2011 11:07 AM (in response to WebGuyDesign)Before you get yourself into any more trouble, please, press F1 and read the help files about how to define and use a local site in DW.


