Results 1 to 13 of 13
Thread: Ðàçðàáîòâàíå íà Óåá Ñàéò
Hybrid View
-
12th September 2010 22:27 #1
Ðàçðàáîòâàíå íà Óåá Ñàéò
Ïðåäî îêîëî ìåñåö áÿõ ïóñêàë òåìà îòíîñíî ñúùèÿ âúïðîñ, íî îòãîâîð íå ïîëó÷èõ è ñåãà òàçè òåìà ìèñëÿ, ÷å ÿ íÿìà.
Ðàáîòÿ âúðõó åäèí ñàéò, ïî-òî÷íî ñàéòúò å ãîòîâ áåç áåêãðîóíä-à.Ñðåùíàõ çàòðóäíåíèå, êîåòî ãî î÷àêâàõ è ãî îñòàâèõ çà íà êðàÿ.Èñêàì äà ñëîæà êàðòèíà çà ôîí, êàðòèíàòà å ñ ðàçìåðè 1920x1200.Òðÿáâà ìè äæàâà ñêðèïò, êîéòî âçåìà ðåçîëþöèÿòà íà ìîíèòîðà è ñïîðåä íåÿ íàìàëÿ êàðòèíàòà â ïðîöåíòè.Íåùî êàòî òîçè êîä, êîéòî íàìåðèõ â ÷óæä ñàéò, íî íå ìè ñâúðøè ðàáîòà èëè èìàì íÿêúäå ãðåøêà:
//
var jswidth = screen.width;
if (jswidth==800) document.write("<div class='main' style='width:63%;'>");
else if (jswidth==1024) document.write("<div class='main' style='width:72%;'>");
else if (jswidth==1152) document.write("<div class='main' style='width:75%;'>");
else if (jswidth==1280) document.write("<div class='main' style='width:77%;'>");
else document.write("<div class='main' style='width:63%;'>");
Name that file homepage.js for your convienience. Link to this file by using
<script type="text/javascript"src="/index/homepage.js"></script>
right before your main content in the homepage. Then make this file:
document.write("</div>");
Name it divclose.js. Place the following code after your content:
<script type="text/javascript"src="/index/divclose.js"></script>
//
Íå èñêàì îòãîâîðè îò ñîðòà, ÷å íÿìà äà ñòàíå, ÷å òîâà å òúïà èäåÿ, äà íàìåðÿ äðóã íà÷èí. Èíòåðåñóâàìå êîíêðåòåí îòãîâîð. Ìåðñè íà ðåøèëèòå õîðà äà ïîìîãíàò
))) Èçâèíÿâàì ñå àêî ñúì äîïóñíàë ãðåøêè, îãëåäàõ ïîñòà íî ìàëêî áúðçàì è çà òîâà...
Laptop:Asus k50IE |CPU:Intel Core Duo T4400 2.20Ghz 800Mhz|VGA: Nvidia G310M 512MB GDDR3|RAM: 4GB DDR3 1066Mhz|HDD: Hitachi 500GB
-
12th September 2010 22:31 #2
Åòî òè ñòàðàòà òåìà: http://hardwarebg.com/forum/showthread.php?t=182824
Ëþáèìî ïèòèå çàïî÷âàùî ñ áóêâàòà 'Ê'? * Êàñà áèðà *
Àêî ìîæåø äà ëåæèø íà ïîäà áåç äà òè ñå íàëàãà äà ñå äúðæèø - âñå îùå ÍÅ ñè ïèÿí!
Äàâàéòå ñëåäâàùàòà Êàñà...
-
12th September 2010 23:33 #3
Ååå òàêà å íî òóêà âúïðîñúò å ïî êîíêðåòåí...Àêî ìîäåðàòîðèòå ðåøàò äà èçòèðÿò òåìàòà äà ìè êàæàò äà ñè ïðåõâúðëÿ ïîñòà â äðóãàòà.Î÷àêâàì îòãîâîðè òóê.
Laptop:Asus k50IE |CPU:Intel Core Duo T4400 2.20Ghz 800Mhz|VGA: Nvidia G310M 512MB GDDR3|RAM: 4GB DDR3 1066Mhz|HDD: Hitachi 500GB
-
13th September 2010 15:20 #4Registered User
Join Date: Jul:2005
Location: Sofiq
Posts: 2,798
Òîâà êîåòî èñêàø íÿìà êàê äà ñòàíå. Ïîíå íå è àêî êàðòèíêàòà òè å çàäàäåíà íà background íà div èëè body. Background-a íå ìîæå äà ñå îðàçìåðÿâà. Ïðîáëåìà ìîæå äà ñå ðåøè êàòî ñëàãàø ðàçëè÷íà êàðòèíêà çà ôîí ñïîðåä ðåçîëþöèÿòà. Ìîæå äà ïîëçâàø ãîðíèÿ ñêðèïò, íî âìåñòî:
ñëàãàø:Code:document.write("<div class='main' style='width:72%;'>");
Ñåùàì ñå è çà äðóã "íà÷èí", íî òîé å ìíîãî ãðîçåí êàòî êîäCode:document.body.style.backgroundImage='url(àäðåñ íà êàðòèíêàòà çà ñúîòâåòíàòà ðåçîëþöèÿ)';
Íåùî îò ñîðòà:
Êàòî òîâà ìàëîóìèíèÿ Internet Exploder íå èñêà äà ãî ðåíäíå ïðàâèëíî ïî íèêàêàâ ïîâîä è ùå å áîëêà ñ õàêâàíåòî ìóCode:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html style="height:100%;"> <head> </head> <body style="height:100%;padding:0;margin:0;"> <div id="wrap_main" style="height:100%;"> <img src="http://i.kefche.com/p/cq/lwcmq9j4cqfxb5dho.jpg" style="display:block;position:absolute;width:100%;" /> <div id="wrap_site" style="position: absolute;width:100%;background:white;"> <div style="width:800px;margin:0 auto;background:red;"> Òóê ñè ñëàãàø ñàéòà </div> </div> </div> </body> </html>

Åäèò: ñ doctype strict ãî ðåíäíà êàêòî òðÿáâà
Last edited by _ShadoW_; 13th September 2010 at 15:38.
-
13th September 2010 15:52 #5
õåõ ìåðñè ìíîãî ñëåä ìúíè÷êî ùå ãî ïðîáâàì è àêî èìà íÿêàêâè ïðîáëåìè ùå äðàñíà.

ÅÄÈÒ:
íÿêúäå áúðêàì çàùîòî íåùî íå ðåàãèðà.Çàäàë ñúì â õòìë ïîñëåäíèÿ íà÷èí îòâàðÿíåòî íà ñòðêèïòà:
À åòî ãî è ñúîòâåòíèÿ ñêðèïò:Code:<script type="text/javascript"src="/homepage.js"></script> <script type="text/javascript"src="/divclose.js"></script>
Íå ñúì ñèãîðåí êàê ñå âêàðâà óðë â äæàâà è ïðîáâàõ ïî ðàçëè÷íè íà÷èíè, íî íàé âåðîÿòíî íå ñúì íàöåëèë ïðàâèëíèÿ...Code:var jswidth = screen.width; if (jswidth==800) document.body.style.backgroundImage=url(/bgpic.jpg); else if (jswidth==1024) document.body.style.backgroundImage=url(/bgpic.jpg); else if (jswidth==1152) document.body.style.backgroundImage=url(/bgpic.jpg); else if (jswidth==1280) document.body.style.backgroundImage=url(/bgpic.jpg); else if (jswidth==1366) document.body.style.backgroundImage=url(/bgpic.jpg); else document.body.style.backgroundImage=url(/bgpic.jpg);
Last edited by devilguard3; 13th September 2010 at 16:07.
Laptop:Asus k50IE |CPU:Intel Core Duo T4400 2.20Ghz 800Mhz|VGA: Nvidia G310M 512MB GDDR3|RAM: 4GB DDR3 1066Mhz|HDD: Hitachi 500GB
-
13th September 2010 16:37 #6Registered User
Join Date: Jul:2005
Location: Sofiq
Posts: 2,798
Òîâà å èçëèøíî:
<script type="text/javascript"src="/divclose.js"></script>
À íà äðóãîòî òè ãè íÿìà åäèíè÷íèòå êàâè÷êè:
Code:document.body.style.backgroundImage='url(/bgpic.jpg)';
-
13th September 2010 20:35 #7
Òúé êàòî ðåçîëþöèèòå ñà ìíîãî è íàé-ðàçëè÷íè, áðàóçúðèòå èìàò ðàçíè òóóëáàðè è ñúîòâåòíî ðàçëè÷íà ïî-ãîëåìèíà âèäèìà îáëàñò, à íà âñè÷êî îòãîðå ïîòðåáèòåëÿò ìîæå äà ðèñàéçâà ïðîçîðåöà íà áðàóçúðà, ìèñëÿ, ÷å ðåøåíèåòî ñ 10 êàðòèíêè çà ðàçëè÷íèòå ðåçîëþöèè íÿìà äà å íàé-äîáðîòî.
Ïðåäè ìàëêî, ðîâåéêè çà ñúâñåì äðóãî íåùî, ñëó÷àéíî ïîïàäíàõ íà ñàéò, êîéòî å ðåàëèçèðàë òî÷íî òîâà, êîåòî èñêàø. Ìîæåø äà ìó ðàçãëåäàø êîäà è äà âçåìåø "íà çàåì" íÿêîÿ èäåÿ.
http://www.serialcut.com/Ëþáèìî ïèòèå çàïî÷âàùî ñ áóêâàòà 'Ê'? * Êàñà áèðà *
Àêî ìîæåø äà ëåæèø íà ïîäà áåç äà òè ñå íàëàãà äà ñå äúðæèø - âñå îùå ÍÅ ñè ïèÿí!
Äàâàéòå ñëåäâàùàòà Êàñà...
-
13th September 2010 20:56 #8
Ìîæå è áåç javascript, åòî òàêà:
Êàòî z-index òðÿáâà äà ãî íàïðàâèø òàêà, ÷å òîçè <div> äà ñå âìúêíå ïîä âñè÷êè îñòàíàëè åëåìåíòè íà ñòðàíèöàòà. Íå ñúì ãî ïðîáâàë ñ Internet Explorer 6, íî áè òðÿáâàëî äà ðàáîòè. Òàêà ñè ðàçïúâàì íåùàòà íà ìîÿ ñàéò, êàòî èçêëþ÷èì î÷åâèäíèòå áúãîâå, ðàçáèðà ñå. Òÿõ ãè ïîïðàâÿì â ìîìåíòà.Code:<body style="text-align: left; padding: 0; margin: 0;"> <div style="position: absolute; left:0; top:0; width:100%; height: 100%; z-index: 0;"> <img src="ÊÀÐÒÈÍÊÀ.ÕÕÕ" alt="" style="position: absolute; width:100%; height: 100%;"> </div> ...
Fujistu Lifebook E756 | Core i7-6500U / 400MHz-3.1GHz | 8 GB DDR4-2133 | Samsung PM871 / 256 GB SSD | 15" 1920x1080 | Manjaro Linux + kernel 4.19
-
14th September 2010 07:29 #9Registered User
Join Date: Sep:2009
Location: pazardjik
Posts: 29
Áðàâî íà 4eRNoBiL íàé ïîñëå åäèí ñâåñòåí îòãîâîð â òîçè ñàéò.
Òîçè íà÷èí å íàé äîáðèÿ è âñåêè äîáúð óåá ïðîãðàìèñò ãî ïîëçâà , ïîíå íÿêîé ñå å ñåòèë äà ãî íàïèøå è òóê.
-
14th September 2010 10:26 #10Registered User
Join Date: Jul:2005
Location: Sofiq
Posts: 2,798
-
14th September 2010 20:53 #11
_ShadoW_, òâîåòî ñúùî å äîáðå, ñàìî íå çíàì çàùî ñè áîÿäèñàë â áÿëî åäèíèÿ äèâ. Ïðè ìåí çàêðèâàøå ôîíà íà Opera è Firefox.
Ïî äðóãèÿ âúïðîñ - àêî å àáñòðàêòåí ôîíúò ìîæå è äà íå ìó ñå ïàçÿò ïðîïîðöèèòå, àêî íÿêàêúâ ðàçëè÷èì îáåêò ìîæå è äà òðÿáâà. Ñàìî ÷å è â äâàòà ñëó÷àÿ óâèñâà íàé-îòãîðå è ìîæå äà èçãëåæäà ãðîçíî, àêî å ìíîãî äúëãà ñòðàíèöàòà è òîãàâà ùå òðÿáâà äðóãî äà ñå èçìèñëè. Âñè÷êî çàâèñè îò äèçàéíà êîé âàðèàíò ùå ïîñëóæè, òîâà ñè å òâîð÷åñòâî äîíÿêúäå.
Fujistu Lifebook E756 | Core i7-6500U / 400MHz-3.1GHz | 8 GB DDR4-2133 | Samsung PM871 / 256 GB SSD | 15" 1920x1080 | Manjaro Linux + kernel 4.19
-
15th September 2010 09:53 #12Registered User
Join Date: Jul:2005
Location: Sofiq
Posts: 2,798
Çà äà ñå âèæäà ïî-äîáðå êàê ñà ïîçèöèîíèðàíè áëîêîâåòå
Âèíàãè ìîæå äà ñè ãè èçòðèåø ôîíîâåòå. Èíà÷å çà êàðòèíêàòà äà óâèñâà ãîðå òîâà å íåäîñòàòúê. Èíà÷å êàòî ïî÷íàò áðàçóçàðèòå äà ïîäúðæàò èçöÿëî CSS3 ùå ìîæå äà ñå îðàçìåðÿâàò ôîíîâåòå http://www.w3.org/TR/css3-background...ackground-size.
-
14th September 2010 10:15 #13
Ïðè òîçè ìåòîä òðÿáâà äà ñå èìà ïðåäâèä, ÷å íå çàïàçâà ïðîïîðöèèòå íà èçîáðàæåíèåòî.
Ëþáèìî ïèòèå çàïî÷âàùî ñ áóêâàòà 'Ê'? * Êàñà áèðà *
Àêî ìîæåø äà ëåæèø íà ïîäà áåç äà òè ñå íàëàãà äà ñå äúðæèø - âñå îùå ÍÅ ñè ïèÿí!
Äàâàéòå ñëåäâàùàòà Êàñà...




Reply With Quote

Lenovo ThinkPad 15 èëè IdeaPad 15
5th May 2023, 22:16 in Ìîáèëíè êîìïþòðè