לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי     אפשרות תפריט  צ'אט     אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read();‎ חץ ימינה  

לך אחורה   לובי הפורומים > מחשבים > תכנות ובניית אתרים
רענן עמוד זה מסגרת עם קצוות/פינות מעוגלים
שמור לעצמך קישור לדף זה באתרי שמירת קישורים חברתיים
תגובה
« לאשכול הקודם | לאשכול הבא »
 
כלי אשכול חפש באשכול זה



  #1  
ישן 19-10-2008, 22:19
  markav markav אינו מחובר  
 
חבר מתאריך: 01.10.07
הודעות: 119
מסגרת עם קצוות/פינות מעוגלים
אני מנסה למצוא פקודה (אני מניח שזה ב-CSS) שבעזרתה אני אני יוצר מסגרת שהקצוות של מעוגלים ולא פינות ישרות.
לדוג- http://www.gamaoffice.co.il/
שימו לב שגם בכותרת וגם בגוף הדף המסגרת בעלת קצוות מעוגלים.
מישהו יכול לעזור לי איך לעשות את זה?
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #2  
ישן 19-10-2008, 22:28
  משתמש זכר vadim88 vadim88 אינו מחובר  
 
חבר מתאריך: 14.04.06
הודעות: 331
בתגובה להודעה מספר 1 שנכתבה על ידי markav שמתחילה ב "מסגרת עם קצוות/פינות מעוגלים"
לא נראה לי שרק עם CSS תצליח לבצע זאת, החלק הימיני והשמאלי הם תמונות ובחלק מהמקרים גם החלק האמצעי הוא תמונה שהולכת לרוחב העמוד.

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #3  
ישן 20-10-2008, 02:25
  משתמש זכר yoavmatchulsky yoavmatchulsky אינו מחובר  
 
חבר מתאריך: 15.08.06
הודעות: 1,561
שלח הודעה דרך ICQ אל yoavmatchulsky שלח הודעה דרך MSN אל yoavmatchulsky Facebook profile
בתגובה להודעה מספר 2 שנכתבה על ידי vadim88 שמתחילה ב "לא נראה לי שרק עם CSS תצליח..."
CSS 3 מאפשר זאת.
הבעיה היא שרק FF 3 וSAFARI תומכים ב CSS3 בינתיים (לפי מה שהבנתי)
http://www.css3.info/preview/rounded-border/
_____________________________________
!!אזהרה!!
ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם
!!אזהרה!!

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #4  
ישן 19-10-2008, 22:44
  משתמש זכר dorM dorM אינו מחובר  
מנהל
  
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 1 שנכתבה על ידי markav שמתחילה ב "מסגרת עם קצוות/פינות מעוגלים"
http://www.fresh.co.il/vBulletin/sh...%F4%E9%F0%E5%FA

אם SEO חשוב לך, עדיף שתיעזר ב-JS...
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #5  
ישן 20-10-2008, 07:02
  markav markav אינו מחובר  
 
חבר מתאריך: 01.10.07
הודעות: 119
בתגובה להודעה מספר 1 שנכתבה על ידי markav שמתחילה ב "מסגרת עם קצוות/פינות מעוגלים"
אני מנסה להוסיף לקוד הזה אפשרות לעשות border, אבל אני לא מצליח לשלב את הפקודה בקוד הנ"ל:
קוד PHP:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
div.rounded-box
{
position:relative;
width: 150px;
background-color: #E6E6E6;
margin: 3px;
}
/*********************
GLOBAL ATTRIBUTES
*********************/
div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner
{
position:absolute;
width:20px;
height:20px;
background-color:#FFF;
overflow:hidden;
}
div.bottom-left-inside, div.bottom-right-inside
{
position:relative;
font-size:150px; a
font-family:arial;
color:#E6E6E6;
line-height: 40px;
}
div.top-left-inside, div.top-right-inside
{
position:relative;
font-size:150px;
font-family:arial;
color:#009966;
line-height: 40px;
}
/*********************
SPECIFIC ATTRIBUTES
*********************/
div.top-left-corner { top:0px; left:0px; }
div.bottom-left-corner {bottom:0px; left:0px;}
div.top-right-corner {top:0px; right:0px;}
div.bottom-right-corner {bottom: 0px; right:0px;}
div.top-left-inside {left:-8px;}
div.bottom-left-inside {left:-8px; top:-17px;}
div.top-right-inside {left:-25px;}
div.bottom-right-inside {left:-25px; top:-17px;}
div.box-contents
{
position: relative;
padding: 8px;
color:#000;
}
div.box-top
{
height: 20px;
background-color:#009966;
}
div.box-top-text
{
margin-left: 20px;
}
div.border
{
border-top-color: #ff0000
}
</style>
</head>
<body>
<div class="rounded-box">
<div class="box-top">
<div class="top-left-corner">
<div class="top-left-inside">&#8226;</div>
</div>
<div class="bottom-left-corner">
<div class="bottom-left-inside">&#8226;</div>
</div>
<div class="box-top-text">Title</div>
</div>
<div class="top-right-corner">
<div class="top-right-inside">&#8226;</div>
</div>
<div class="bottom-right-corner">
<div class="bottom-right-inside">&#8226;</div>
</div>
<div class="box-contents">
Contents go here, but it must be at least two lines to look any good.
</div>
</div>
</body>
</html> 


מה אני אמור להוסיף לקוד כדי שאוכל להוסיף border ולשלוט על הצבע שלו?

תודה
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #6  
ישן 20-10-2008, 08:46
  משתמש זכר dorM dorM אינו מחובר  
מנהל
  
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 5 שנכתבה על ידי markav שמתחילה ב "אני מנסה להוסיף לקוד הזה..."
נסה לשנות את ה-color:
קוד PHP:
 div.bottom-left-inside, div.bottom-right-inside
{
position:relative;
font-size:150px; a
font-family:arial;
color:#E6E6E6;
line-height: 40px;
}
div.top-left-inside, div.top-right-inside
{
position:relative;
font-size:150px;
font-family:arial;
color:#009966;
line-height: 40px;
} 
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 20-10-2008, 09:55
  markav markav אינו מחובר  
 
חבר מתאריך: 01.10.07
הודעות: 119
בתגובה להודעה מספר 6 שנכתבה על ידי dorM שמתחילה ב "נסה לשנות את..."
ניסיתי לשנות,
אבל אף אחד מהם לא יוצר לי קו מסביב לכל המסגרת.
זה בערך למה שאני מתכוון:
http://www.w3schools.com/css/tryit....ss_border-style
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #8  
ישן 20-10-2008, 14:12
  משתמש זכר dorM dorM אינו מחובר  
מנהל
  
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 7 שנכתבה על ידי markav שמתחילה ב "ניסיתי לשנות, אבל אף אחד מהם..."
ציטוט:
אבל אף אחד מהם לא יוצר לי קו מסביב לכל המסגרת.

אז מה זה כן עושה?
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #9  
ישן 20-10-2008, 16:18
  markav markav אינו מחובר  
 
חבר מתאריך: 01.10.07
הודעות: 119
בתגובה להודעה מספר 8 שנכתבה על ידי dorM שמתחילה ב "[QUOTE]אבל אף אחד מהם לא יוצר..."
זה מעלים את הקצוות המעוגלים.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #10  
ישן 21-10-2008, 00:22
  markav markav אינו מחובר  
 
חבר מתאריך: 01.10.07
הודעות: 119
בתגובה להודעה מספר 9 שנכתבה על ידי markav שמתחילה ב "זה מעלים את הקצוות המעוגלים."
טוב, שיניתי את כל הצבעים האפשריים ועדין לא הצלחתי ליצור מסגרת דקה מסביב.

מישהו יכול לעזור לי בבקשה?
נערך לאחרונה ע"י markav בתאריך 21-10-2008 בשעה 00:25.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #11  
ישן 21-10-2008, 10:59
  משתמש זכר idan1986 idan1986 אינו מחובר  
 
חבר מתאריך: 02.04.02
הודעות: 1,683
שלח הודעה דרך ICQ אל idan1986 שלח הודעה דרך MSN אל idan1986 Facebook profile
בתגובה להודעה מספר 1 שנכתבה על ידי markav שמתחילה ב "מסגרת עם קצוות/פינות מעוגלים"
מה שהם עשו באתר.. הוא לא כזה מטורף או חדשני.. כולה שימוש בטבלאות...

קח עמוד עם מלא דרכים ושיטות ליצור פינות עגולות:
http://www.smileycat.com/miaow/archives/000044.php

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #12  
ישן 22-10-2008, 14:51
  markav markav אינו מחובר  
 
חבר מתאריך: 01.10.07
הודעות: 119
להלן הקו שהמסגרת מודגשת
בתגובה להודעה מספר 1 שנכתבה על ידי markav שמתחילה ב "מסגרת עם קצוות/פינות מעוגלים"
למי שמעוניין כמובן:
קוד PHP:
 <style type="text/css">
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ffffff; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#ffffff; border:0 solid #08c; border-width:0 1px;}
 
</style> 


קוד PHP:
 <h2>Some Text</h2>
<p>Test
<BR><BR><BR><BR><BR>
(:
</p> 
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה
« לאשכול הקודם | לאשכול הבא »

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
מצב כלאיים מצב כלאיים
דרג אשכול זה:

מזער את תיבת המידע אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים
אתה לא יכול להגיב לאשכולות
אתה לא יכול לצרף קבצים
אתה לא יכול לערוך את ההודעות שלך
קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 07:10

הדף נוצר ב 0.14 שניות עם 10 שאילתות
צור קשר - Fresh - למעלה

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2024 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר