[עזרה] FrontPage

[Rоei]

יש לי אתר לעשות בתוכנה הזאת.
ניסיתי למצוא כמה עיצובים לאתר מצאתי איזה אחד והורדתי.

עכשיו הבעיה שאני לא יודע איך מכניסים לתוכנה עיצובים
יש שם קובץ css אבל אין לי מושג מה לעשות?
אולי צריך איזה תוכנה או משהו?

מישהו יכול לעזור לי ?

תודה רבה .

[B1ackSn0w]

אני לא מכיר את frontpage, אבל בטוח שיש שם אפשרות העלאת CSS, או העלאת עיצוב לפרויקט.
ב open תחפש סוג קובץ CSS .

[Rоei]

פתחתי את הקובץ

והוא כותב מלא דברים

/*
Theme Name: Global (mlpdesign06)
Theme URI: http://www.mlpdesign.net/
Version: 1.0
Author: Maica L. Policarpio
Author URI: http://www.mlpdesign.net/
*/
/* Global Settings */
body
{ background:url(images/bg-body.gif) repeat-x #fff;
color:#666;
font:normal 12px Arial,sans-serif;
text-align:center;
padding:0;
margin:0; }
h1,h2,h3,p,li
{ text-align:left; }
a
{ background-color:inherit;
color:#399;
text-decoration:none; }
ul
{ list-style:none;
padding:1px;
margin:17px 0 10px 15px; }
ul li
{ background: url(images/ico-bullet.gif) 0 3px no-repeat;
padding:1px 15px 5px 15px;
margin:0; }
blockquote
{ background-color:inherit;
color:#999;
font:italic 12px "Times New Roman",sans-serif;
border-left:5px solid #ccc;
padding:2px 15px; }

span
{ background-color:inherit;
color:#aaa;
font:normal 11px Arial,sans-serif;
padding:0;
margin:0;}

.clear
{ clear:both; }
/* Wrapper */
#wrapper1
{ width:800px;
padding:0;
margin:0 auto; }
#wrapper2
{ background:#fff;
color:inherit;
width:750px;
padding:10px 0 0 15px;
margin:0 auto; }
/* Navigation Settings*/
ul.menu
{ list-style:none;
padding:15px 0 0 0;
margin:0; }
ul.menu li
{ background:none;
padding:0 10px;
display:inline; }

ul.menu li a
{ background-color:inherit;
color:#eee;
font-weight:bold;
text-decoration:none; }
ul.menu li a:hover
{ text-decoration:underline; }

/* Header Settings */
#header
{ background:url(images/bg-header.gif) no-repeat;
background-color:inherit;
color:#fff;
width:800px;
height:200px;
padding:0;
margin:0 auto; }
#title
{ width:275px;
padding-top:25px;
margin:0 auto;}

#title h1
{ font:bold 30px Arial,sans-serif;
text-align:center;
text-transform:uppercase;
padding:0;
margin:0; }
#title a
{ background-color:inherit;
color:#fff; }
#topnav
{ padding:50px 25px 0 0;
float:right; }

/*Sidebar Settings */
#sidebar
{ width:250px;
font-size:11px;
padding:0;
margin:0;
float:left; }
#sidebar h2
{ background:url(images/bg-sidebar.gif) no-repeat;
background-color:inherit;
color:#eee;
font:bold 12px Arial,sans-serif;
text-transform:uppercase;
padding:12px 0 12px 35px;
margin:5px 0; }
#sidebar ul
{ margin:17px 0 10px 12px; }
#sidebar ul a
{ background-color:inherit;
color:#666;
font-weight:bold;}
#sidebar ul a:hover
{ background-color:inherit;
color:#399; }
#sidebar ul span
{ display:block; }

/*Content Settings */
#content
{ width:475px;
text-align:left;
padding:0;
margin:0;
float:left;}

#content h1
{ background:url(images/bg-postbar.gif) no-repeat;
background-color:inherit;
color:#fff;
font:bold 12px Arial,sans-serif;
text-transform:uppercase;
padding:12px 0 12px 35px;
margin:5px 0; }
#content li
{ background:url(images/ico-list.gif) 0 3px no-repeat;
padding:1px 15px 5px 20px;
margin:0; }
#content .item
{ padding:15px 10px 5px 15px;
margin:0;}

#content .item h2
{ font:bold 13px Arial,sans-serif;
padding:0;
margin:0;}

#content .item p
{ text-align:justify;
padding:15px 0 0 0;
margin:0; }
/*Footer Settings*/
#footer
{ background:url(images/bg-footer.gif) no-repeat;
background-color:inherit;
color:#ccc;
width:800px;
height:50px;
font-size:11px;
margin:0 auto; }
span#credits a
{ background-color:inherit;
color:#888;
text-decoration:none; }
span#credits a:hover
{ text-decoration:underline; }


ככה זה צריך להיות?

[expert]

לא הבנתי..יש לך תצוגה מקדימה של האתר בתוכנה ואתה לא רואה אותה עם העיצוב של קובץ ה-css ?

[Rоei]

אני לוחץ על התצוגה מקדימה הוא עושה לי האם ברצונך לפתוח או לשמור קובץ
אני עושה לפתוח ולא קורה כלום.

[B1ackSn0w]

כי אתה לא פותח קובץ CSS .
באתר עצמו אתה צריך באיזור ה head לרשום:

<link rel="stylesheet" type="text/css" href="MyStyle.css">

[Rоei]

כי אתה לא פותח קובץ CSS .
באתר עצמו אתה צריך באיזור ה head לרשום:

<link rel="stylesheet" type="text/css" href="MyStyle.css">

אני כותב רק את זה?

[B1ackSn0w]

ברור שבמקום ה MyStyle.css אתה שם את המיקום המדויק של הקובץ.
אתה רק ממקם את התגית הזאת באיזור ה head, ואז העיצוב יעבוד עבור הדף המסוים הזה.
אתה צריך לשים את זה בכל דף שאתה רוצה שהעיצוב הזה יהיה בו.

[Rоei]

ברור שבמקום ה MyStyle.css אתה שם את המיקום המדויק של הקובץ.
אתה רק ממקם את התגית הזאת באיזור ה head, ואז העיצוב יעבוד עבור הדף המסוים הזה.
אתה צריך לשים את זה בכל דף שאתה רוצה שהעיצוב הזה יהיה בו.

מה זה איזור הhead?

[B1ackSn0w]

האיזור בין התגית <head>
לתגית </head>

[Rоei]

האיזור בין התגית <head>
לתגית </head>

עשיתי את זה אחי ואני עושה תצוגה מקדימה הוא רק מראה לי את מה שכתבתי

ככה לעשות:


<head>
<"link rel="stylesheet" type="text/css" href="C:\Documents and Settings\user\Desktop\wg9rfp71>
<head>

[B1ackSn0w]

לא...

<head>
<"link rel="stylesheet" type="text/css" href="C:\Documents and Settings\user\Desktop\wg9rfp71>
</head>

[Rоei]

כתבתי ככה אני נכנס לאתר הוא רק מראה את הקוד בלי העיצוב
איפה אני רושם את הקוד הזה? בעיצוב או בקוד

יש לך FrontPage
אתה יכול לבדוק?

[B1ackSn0w]

אני לא מתעסק עם frontpage , לא מכיר את התוכנה...
נגיד שיש לך את דף הבית.
בדף הבית יש לך כל מיני תגיות ודברים שרשמת...
בתחילת הקוד למעלה, יש כזה דבר:

<head>
<title>.............</title>
.
.
.
</head>

או משהו בסגנון.
באיזור הזה, במקום כלשהו תשים את מה שרשמתי למעלה.
אין סיבה שזה לא יעבוד, אלא אם הקובץ CSS עצמו לא רשום טוב.
תוודא גם שהקובץ CSS הוא בסיומת css ...

[Rоei]

כן אחי הקובץ בסיומת css
לא יודע זה לא עובד ניסיתי לשים את זה בתוך ה<head>
וזה נעלם כל פעם