Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 11-18-2011, 07:21 AM   PM User | #1
nightshade877
New Coder

 
Join Date: Nov 2011
Posts: 12
Thanks: 2
Thanked 0 Times in 0 Posts
nightshade877 is an unknown quantity at this point
Why is this happening?

Before I ask this, I would like to point out that I am not copying or in any way plagiarizing this particular website. I like the simplicity, the header/banner position, and the white content area below the header, so I am removing almost all of the content and intend on using the blank page as a template.

I am trying to use the site as a template. (remove text, images, links, buttons, change colors, etc...) Basically, after editing, the centered content area and the header position would be the only things remaining. I have failed to find a similar template anywhere and need to know how to fix my problem stated below.

Here is the webpage: http://www.1cleancomputer.com/

After saving the webpage(in firefox, File > Save Page As > Webpage,Complete), I go to open the site to edit it, both in firefox and dreamweaver, and many parts of the webpage are missing. I was hoping maybe someone here could save the webpage also in order to better understand my problem.

The white content area just below the header is missing when I go to open it, along with many other parts of the webpage. I would really appreciate it if someone could help me fix this, as I very much like the simple design of the webpage. Thank you all so much for your time and gracious help. Thanks again!
nightshade877 is offline   Reply With Quote
Old 11-18-2011, 07:35 AM   PM User | #2
Dom Mv
New Coder

 
Join Date: Sep 2011
Location: England
Posts: 39
Thanks: 2
Thanked 0 Times in 0 Posts
Dom Mv is an unknown quantity at this point
I managed to copy it just fine. The problem is that when you copy the website source, the CSS files are linked as "css/style.css" when it should be "http://www.1cleancomputer.com/css/style.css" because you are no longer running the webpage on their server.

I have taken the time to copy and paste the CSS that you need, save these two files and link them accordingly.

Code:
@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
margin:0; 
padding:0; 
} 
table { 
border-collapse:collapse; 
border-spacing:0; 
} 
fieldset,img {  
border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
font-style:normal; 
font-weight:normal; 
} 
ol { 
list-style:none; 
} 
caption,th { 
text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
font-size:100%; 
font-weight:normal; 
} 
q:before,q:after { 
content:''; 
} 
abbr,acronym { border:0; 
} 
a
{
outline: none;
}
Code:
@charset "utf-8";
/* CSS Document */

.clear
{
clear: both;
}

body
{
background: #82b25e;
}

.full_content
{
background: url(../images/background.jpg) repeat-x;
height: 1146px;
width: 100%;
}

.header
{
width: 960px;
height: auto;
margin: auto;
clear: both;
}

.top_img
{
float: left;
width: 960px;
height: 95px;
}

.menu_full
{
float: left;
width: 960px;
height: 64px;
}

.menu_full ul
{
background: url(../images/menu_background.jpg) repeat-x;
display: block;
float: left;
width: 902px;
height: 64px;
}

.menu_full li
{
display: inline;
float: left;
list-style: none;
}

.menu_full a
{
font-family: Arial, Helvetica, sans-serif;
line-height: 64px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

.menu_full a:hover
{
font-family: Arial, Helvetica, sans-serif;
line-height: 64px;
font-size: 14px;
font-weight: bold;
color: #cdfe4e;
text-decoration: none;
}

.menu_skirtukas
{
background: url(../images/menu_skirtukas.jpg) no-repeat;
float: left;
height: 64px;
width: 2px;
margin: 0px 13px 0px 12px;
}

.content
{
background: url(../images/content_bg.jpg) repeat-y;
width: 935px;
height: auto;
margin: auto;
clear: both;
padding-bottom: 10px;
padding-left: 25px;
}

.big_img
{
width: 903px;
height: 365px;
margin-bottom: 10px;
}

.sidebar
{
float: left;
width: 305px;
height: auto;
clear: both;
}

.login
{
background: url(../images/login_bg.jpg)	no-repeat;
float: left;
width: 305px;
height: 281px;
}

.login form
{
padding: 118px 0px 0px 55px;
}

.login_input
{
float: left;
background: transparent;
border: 0px;
background-image: url(../images/login_input.jpg);
background-repeat:no-repeat;
width: 175px;
height: 26px;
line-height: 26px;
padding-left: 10px;
font-size: 12px;
color: #000a16;
font-family: Arial, Helvetica, sans-serif;
margin-top: 12px;
}

.login_submit
{
float: left;
background: transparent;
border: 0px;
background-image: url(../images/login_submit.jpg);
background-repeat:no-repeat;
width: 116px;
height: 31px;
margin: 10px 0px 0px 30px;
}

.sidebar ul
{
background: url(../images/sidebar_bg.jpg) repeat-y;
padding-bottom: 10px;
width: 290px;
height: 100%;
float: left;	
padding-left: 15px;
}

.sidebar_punktai li
{
float: left;
list-style-image: url(../images/sidebar_liststyle.jpg);
list-style-position:inside;
padding-left: 15px;
}

.sidebar_punktai a
{
font-size: 11px;
color: #004695;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
line-height: 30px;
}

.sidebar_skirtukas
{
float: left;
background: url(../images/submenu_skirt.jpg) no-repeat;
height: 1px;
width: 275px;
}

.right
{
float: left;
width: 587px;
height: auto;
margin: 7px 0px 0px 13px;
}

.right1_panel_content
{
float: left;
background: url(../images/right_bg.jpg) repeat-y;
width: 552px;
height: auto;
padding-bottom: 10px;
padding-left: 35px;
}

.new
{
margin: 14px 0px 0px 0px;	
height: auto;
width: 510px;
}

.new_icon
{
float: left;	
}

.new_title
{
float: left;
line-height: 47px;
font-size: 25px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
margin-left: 6px;
width: 440px;
}
.new_title_sm
{
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
color:#000099;
width: 440px;
}

.new_info
{
font-size: 15px;
color: #000a16;
font-family: Arial, Helvetica, sans-serif;	
width: 500px;
float: left;
margin-bottom: 20px;
}

.new_info a
{
font-size: 15px;
color: #004695;
font-family: Arial, Helvetica, sans-serif;	
}

.right2_panel_content
{
float: left;
background: url(../images/right_bg.jpg) repeat-y;
width: 552px;
height: auto;
padding-bottom: 10px;
margin-left: 5px;
padding-left: 35px;
}

.panel2_title_top
{
background: url(../images/title.jpg) no-repeat;
width: 522px;
height: 38px;
margin-top: 10px;
float: left;
font-size: 25px;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-weight: bold;
padding-left: 70px;
padding-top: 24px;
}

.panel2_title
{
color: #3f7b00;	
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
width: 450px;
margin-top: 10px;
}

.panel2_new
{
margin: 14px 0px 0px 0px;	
height: auto;
width: 510px;
float: left;
}

.panel2_info
{
font-size: 13px;
color: #000a16;
font-family: Arial, Helvetica, sans-serif;	
width: 500px;
float: left;
margin-bottom: 20px;
margin-top: 20px;
}

.news_skirtukas
{
float: left;
background: url(../images/naujienos_skirtukas.jpg) repeat-x;
width: 510px;
height: 2px;
}

.panel2_news_bottom
{
float: left;
margin-left: 6px;
background: url(../images/read_more_background.jpg) no-repeat;
width: 586px;
height: 43px;
text-align: center;
margin-bottom: 10px;
}

.panel2_news_bottom a
{
font-size: 15px;
line-height: 43px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}

.reklama_bottom
{
float: left;
background: url(../images/bottom_reklama_bg.jpg) no-repeat;
height: 160px;
width: 903px;
margin: 10px 0px 0px 7px;
}

.reklama_bottom form
{
margin: 88px 0px 0px 95px;
}

.reklama_bottom_input
{
float: left;
width: 243px;
height: 28px;
padding-left: 10px;
line-height: 28px;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
border-top: 2px solid #000000;
border-left: 1px solid #000000;
margin-left: 8px;
margin-top: 8px;
}

.reklama_bottom_submit
{
float: left;
background: transparent;
border: 0px;
background-image: url(../images/reklama_bottom_submit.jpg);
background-repeat:no-repeat;
width: 183px;
margin-left: 8px;
height: 45px;
}

.footer_1
{
background: url(../images/footer_1_img.jpg) no-repeat;
width: 	960px;
height: 84px;
margin: auto;
}

.footer_1text
{
float: right;	
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
margin: 25px 29px 0px 0px;
}

.footer
{
background: url(../images/footer_bg.jpg) repeat-x;
width: 100%;
height: 173px;
clear: both;
}

.footer3
{
background: url(../images/footer_3.jpg) no-repeat;
width: 960px;
height: 99px;
clear: both;
margin: auto;
}

.footer_content
{
background: url(../images/footer2.jpg)	no-repeat;
margin: auto;
width: 960px;
height: 74px;
clear: both;
}

.socialiniai
{
float: right;
margin: 12px 100px 0px 0px;
height: 50px;
}

.socialiniai img
{
float: left;
margin: 0px 15px 0px 0px;
height: 50px;
}

.footer_menu
{
float: left;	
font-size: 9px;
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 70px 0px 0px 0px;
}

.footer_menu a
{
font-size: 12px;
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.side
{
width: 411px;
height: auto;
float: left;
margin-right: 20px;
}

.inside2_panels
{
float: left;
background: url(../images/inside_background_panel.jpg) repeat-y;
padding-bottom: 10px;
height: auto;
width: 879px;
padding-left: 25px;
clear: both;
}

.side_title
{
font-size: 20px;
font-family:Arial, Helvetica, sans-serif;
color: #3f7b00;
width: 400px;
margin-top: 10px;
}

.side_text
{
width: 400px;	
font-size: 15px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin-top: 10px;	
}

.rodykle
{
float: left;
margin-top: 20px;
}

.inside_panel2_title
{
float: left;	
line-height: 25px;
font-size: 25px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
margin-left: 10px;
width: 820px;
margin-top: 20px;
}

.inside_panel2_info
{
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
margin-top: 10px;
line-height: 19px;
}

.download
{
margin-left: 250px;
margin-top: 20px;
height: 74px;
width: 320px;
}

.inside_block_2
{
float: left;
background: url(../images/panel_inside.jpg) no-repeat;
width: 903px;
height: 238px;
margin-top: 10px;
margin-bottom: 10px;
clear: both;
}

.block1
{
float: left;
width: 450px;
}

.block_title
{
float: left;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
margin: 10px 0px 30px 20px;
width: 400px;
}

.block_info
{
width: 300px;
font-size: 15px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
margin:0px 0px 0px 20px;
line-height: 25px;
}
.body_text
{
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
}
Note: Don't forget to use the class / ID that are used in the CSS files, or edit them as you wish.

Last edited by Dom Mv; 11-18-2011 at 07:38 AM..
Dom Mv is offline   Reply With Quote
Old 11-18-2011, 07:50 AM   PM User | #3
Speeding
New to the CF scene

 
Join Date: Nov 2011
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Speeding is an unknown quantity at this point
Glad you like our site..
Funny what server logs bring you to.

We dont have a problem as long as you do gut it as you stated and just use the shell, I might even help you if you need some help. But we have alot of money invested in our sites that use this, and it is custom work and we will DCMA anyone who blatantly rips the site.
Speeding is offline   Reply With Quote
Old 11-18-2011, 01:24 PM   PM User | #4
Donkey
Regular Coder

 
Donkey's Avatar
 
Join Date: Sep 2003
Location: Blackfield UK
Posts: 309
Thanks: 1
Thanked 35 Times in 35 Posts
Donkey is an unknown quantity at this point
Out of sheer curiosity I visted that site only to find that my antivirus (Eset) blocked it and also a jpg file and the facebook page.

Does this indicate that there is some malware present?
__________________
" 90% of everything is crud" - Theodore Sturgeon
Filthy Beast - a 60's Rock Band
Donkey is offline   Reply With Quote
Reply

Bookmarks

Tags
css, error, javascript, template

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 07:01 PM.


Advertisement
Log in to turn off these ads.