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

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



  #1  
ישן 23-09-2014, 15:46
  שם_משתמש שם_משתמש אינו מחובר  
 
חבר מתאריך: 02.06.03
הודעות: 1,224
בניית דף Hotspot עבור נתב

אני רוצה לבנות דף כניסה עבור ראוטר שנמצא ברשותי שיש עליו hotspot
אחרי מספר רב של משחקים הגעתי אל התצורה הזו
אני כמעט בטוח שזה מסובך וארוך מידי (אינני מבין גדול בHTML ,אבל לפי כמות השאלות הגדולות שיש לי לאחרונה אני כנראה אתחיל בקרוב :-) )

קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>KorenRon router configuration page</title> <style type="text/css"> body { font-family: Verdana, Geneva, sans-serif; font-size: 11px; } img {border: none} img:hover {opacity: 0.8;} h1 { font-size: 1.7em; display: inline; margin-bottom: 10px; } fieldset { margin-top: 20px; background: #fff; padding: 20px; border: 1px solid #c1c1c1; } #container { width: 70%; margin: 10% auto; } #box { background-color: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #c1c1c1; padding: 30px; filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#ffffff', endColorstr='#f3f3f3'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)); /* for webkit browsers */ background: -moz-linear-gradient(top, #fff, #f3f3f3); /* for firefox 3.6+ */ } .floater {float: left; margin-right: 10px;} .floater label {display: block; text-align: center;} #login { margin: 2em 0 4em 0; } #login h2 { font-weight: normal; font-size: 14px; margin: 0 0 0.5em 1em; } #login td { padding: 0 4px 0 0; } #login td.label { text-align: right; } #login td.toolbar { padding: 0 0 0 1em; vertical-align: top; } #login ul.toolbar { margin: 0; } #login input { margin: 2px; padding: 2px; border: 1px solid #888; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); } #error { display:none; color:red; padding: 1em 0 0 0; } ul.toolbar { font-size: 11px; text-align: left; list-style-type: none; padding: 0; margin: 2px 0 4px 2px; } ul.toolbar li { float: left; vertical-align: middle; } ul.toolbar a { float: none; display: block; margin: 2px 4px 2px 0; padding: 5px; background: #ddd; border: 1px solid #888; border-radius: 3px; -moz-border-radius: 3px; box-shadow: 1px 1px 2px rgba(255,255,255,0.8) inset, 0 10px 10px -5px rgba(255,255,255,0.5) inset, /* top gradient */ 1px 1px 2px rgba(0,0,0,0.2); /* shadow */ -webkit-box-shadow: 1px 1px 2px rgba(255,255,255,0.8) inset, 0 10px 10px -5px rgba(255,255,255,0.5) inset, 1px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 2px rgba(255,255,255,0.8) inset, 0 10px 10px -5px rgba(255,255,255,0.5) inset, 1px 1px 2px rgba(0,0,0,0.2); color: #000; text-decoration: none; text-align: center; white-space: nowrap; cursor: inherit; min-width: 4em; -webkit-transition: background 0.2s linear, box-shadow 0.2s ease-out; -moz-transition: background 0.2s linear, box-shadow 0.2s ease-out; } ul.toolbar a:hover { background: #eee; } ul.toolbar a:active { background: #aaa; box-shadow: 1px 1px 2px #999 inset; -webkit-box-shadow: 1px 1px 2px #999 inset; -moz-box-shadow: 1px 1px 2px #999 inset; } </style> <script> function get(id) { return document.getElementById(id); } function trim(str) { return str.replace(/^\s+|\s+$/g, ''); } function login(user, pwd, autologin) { var expires = new Date(); expires.setTime(expires.getTime() + (30 * 24 * 60 * 60 * 1000)); document.cookie = 'username=' + user + '; expires=' + expires.toGMTString() + '; path=/'; window.name = (autologin ? 'autologin=' : 'login=') + user + '|' + pwd; window.location.replace('http://www.google.co.il); } function dologin() { login(get('name').value, get('password').value); } function loaded() { var p = window.name.split('='); if (p[0] == 'error' && p[1]) { var err = get('error'); err.appendChild(document.createTextNode(p[1])); err.style.display = 'block'; } else if (p[0] != 'noautologin' || p[1] != 1) { var user = ''; if (user) { login(user, '', true); return; } } window.name = ''; document.onkeydown = function(e) { e = e || event; if (e.keyCode == 13) { dologin(); return false; } return true; }; var username = null; var cookies = document.cookie.split(';'); for (var i in cookies) { var c = trim(cookies[i]).split('='); if (c[0] == 'username') { username = c[1]; break; } } if (username != null) { get('name').value = username; get('password').focus(); } else { get('name').value = 'admin'; get('name').focus(); } } </script> </head> <body onload="loaded()"> <div id="container"> <h1>Enter User name and Password </h1> <div id="box"> <br style="clear: both;"/> <tr><td align="center"><img src="Background.png" alt="Mayname" /></a></td></tr></center> <table id="login"> <tr><td colspan="3"><h2>Login:</h2> <tr><td class="label">User: <td><input id="name" type="text" tabindex="1"> <td class="toolbar" rowspan="2"> <ul class="toolbar"> <li><a onclick="dologin()" ondragstart="return false;"><span>Login</span></a></li> <tr><td class="label">Password: <td><input id="password" type="password" tabindex="2"> <tr><td colspan="3"> </table> </fieldset> <br style="clear: both"/> <div style="float: left">&copy; MyName</div><img src="img/logobottom.png" alt="Myname" /> </div> </body> </html>


מה שאני רוצה להציג בסופו של דבר:
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה


אני משער שזה לא כזה מסובך , ובטוח שיש לי הרבה שגיאות/דברים מיותרים בקוד שפירסמתי

אשמח לעזרה

תודה ,
_____________________________________
It is nice to be importent but it's more importent to be nice

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #5  
ישן 01-10-2014, 16:14
  שם_משתמש שם_משתמש אינו מחובר  
 
חבר מתאריך: 02.06.03
הודעות: 1,224
בתגובה להודעה מספר 3 שנכתבה על ידי שם_משתמש שמתחילה ב "כן, איך עושים את זה :-)"

סבבה - צודק
לקחתי דף אחר שדי הבנתי איך הוא בנוי
זה הקוד שלו
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>internet hotspot > login</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="expires" content="-1" /> <style type="text/css"> body {color: #737373; font-size: 10px; font-family: verdana;} textarea,input,select { background-color: #FDFBFB; border: 1px solid #BBBBBB; padding: 2px; margin: 1px; font-size: 14px; color: #808080; } a, a:link, a:visited, a:active { color: #AAAAAA; text-decoration: none; font-size: 10px; } a:hover { border-bottom: 1px dotted #c1c1c1; color: #AAAAAA; } img {border: none;} td { font-size: 14px; color: #7A7A7A; } </style> </head> <body> <table width="100%" style="margin-top: 10%;"> <tr> <td align="center" valign="middle"> <div class="notice" style="color: #c1c1c1; font-size: 9px">Please enter user name and pass <br /> <table width="280" height="280" style="border: 1px solid #cccccc; padding: 0px;" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="bottom" height="175" colspan="2"> <form name="login" action="$(link-login-only)" method="post" $(if chap-id) onSubmit="return doLogin()" $(endif)> <input type="hidden" name="dst" value="$(link-orig)" /> <input type="hidden" name="popup" value="true" /> <table width="100" style="background-color: #CCECF4"><!--color of area 1--> <tr><td align="right">login</td> <td><input style="width: 80px" name="username" type="text" value="$(username)"/></td> </tr> <tr><td align="right">password</td> <td><input style="width: 80px" name="password" type="password"/></td> </tr> <tr><td>&nbsp;</td> <td><input type="submit" value="OK" /></td> </tr> </table> </form> </td> </tr> <tr><td align="center"><img src="img/logobottom.png" alt="MYLOGO" /></a></td></tr> </table> <br /><div style="color: #c1c1c1; font-size: 9px">Powered by My name </div> </td> </tr> </table> </script> </body> </html>


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

מספר שאלות :
1. איפה אני קובע את הצבע של המסגרת הגדולה יותר?-מתחת לאיפה שרשמתי please enter....
2. נניח שאני מבטל את הצבע הכחול שהוספתי , איך אני קובע שכל הרקע הכללי יהיה בכחול ורק מה שבכחול יהפוך ללבן ?
3. אני רוצה להוסיף תמונה קבועה בצד השמאלי של הדף- איפה אני מעלה את זה?

מקווה שעכשיו השאלות יותר ברורות
תודה ,
_____________________________________
It is nice to be importent but it's more importent to be nice

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #6  
ישן 03-10-2014, 00:12
  ישראל K ישראל K אינו מחובר  
 
חבר מתאריך: 25.08.03
הודעות: 9,116
בתגובה להודעה מספר 5 שנכתבה על ידי שם_משתמש שמתחילה ב "סבבה - צודק לקחתי דף אחר שדי..."

א. תלמד CSS, כדי לדעת לעצב (שפת HTML משמשת לבניית הדף - הגדרת האלמנטים בדף, ללא קשר לעיצובם. שפת CSS משמשת לעיצוב התוכן).
ב. אין סיבה הגיונית להשתמש בטבלאות כדי ליצור ריבוע, מספיק להשתמש בתג div במקום ליצור טבלה המצריכה גם שימוש במס' תגים נוספים (טבלה, שורה, תא).


לשאלתך הראשונה:
1. בהגדרות העיצוב של הטבלה יש לך הגדרת עיצוב של המסגרת.
border: 1px solid #cccccc;
במקום #cccccc (שהוא גוון כלשהו של אפור בהיר) תגדיר קוד צבע אחר (תוכל לבחון צבעים ולקחת את הקוד המתאים מכאן: http://www.colorpicker.com).

כל המבנה של הדף לא נכון, נעשה שימוש בשלוש טבלאות, בזמן שלא נדרש אף לא טבלה אחת בדף.
אני לא יכול להסביר במשפט בודד את כל הנושא, אך תלמד על float (בשפת css) כדי להבין יותר כיצד ליצור אלמנטים אחד לצד השני (לדוגמה, תמונה לשמאל הטופס).
_____________________________________
בניית אתרים
פיתוח יישומי אינטרנט
שמות תחום, אחסון, עיצוב ושירותים נלווים.

פיתוח, שירות,יעוץ והדרכה.

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה

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

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

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

קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



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

הדף נוצר ב 0.18 שניות עם 10 שאילתות

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

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