Results 1 to 13 of 13

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Registered User devilguard3's Avatar
    Join Date: Apr:2009
    Location: Ðàçãðàä
    Posts: 260

    Ðàçðàáîòâàíå íà Óåá Ñàéò

    Ïðåäî îêîëî ìåñåö áÿõ ïóñêàë òåìà îòíîñíî ñúùèÿ âúïðîñ, íî îòãîâîð íå ïîëó÷èõ è ñåãà òàçè òåìà ìèñëÿ, ÷å ÿ íÿìà.
    Ðàáîòÿ âúðõó åäèí ñàéò, ïî-òî÷íî ñàéòúò å ãîòîâ áåç áåêãðîóíä-à.Ñðåùíàõ çàòðóäíåíèå, êîåòî ãî î÷àêâàõ è ãî îñòàâèõ çà íà êðàÿ.Èñêàì äà ñëîæà êàðòèíà çà ôîí, êàðòèíàòà å ñ ðàçìåðè 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

  2. #2
    Ëîø àäìèí! vbTheKing's Avatar
    Join Date: Sep:2003
    Location: Ñîôèÿ
    Posts: 4,138
    Åòî òè ñòàðàòà òåìà: http://hardwarebg.com/forum/showthread.php?t=182824
    Ëþáèìî ïèòèå çàïî÷âàùî ñ áóêâàòà 'Ê'? * Êàñà áèðà *
    Àêî ìîæåø äà ëåæèø íà ïîäà áåç äà òè ñå íàëàãà äà ñå äúðæèø - âñå îùå ÍÅ ñè ïèÿí!
    Äàâàéòå ñëåäâàùàòà Êàñà...

  3. #3
    Registered User devilguard3's Avatar
    Join Date: Apr:2009
    Location: Ðàçãðàä
    Posts: 260
    Ååå òàêà å íî òóêà âúïðîñúò å ïî êîíêðåòåí...Àêî ìîäåðàòîðèòå ðåøàò äà èçòèðÿò òåìàòà äà ìè êàæàò äà ñè ïðåõâúðëÿ ïîñòà â äðóãàòà.Î÷àêâàì îòãîâîðè òóê.
    Laptop:Asus k50IE |CPU:Intel Core Duo T4400 2.20Ghz 800Mhz|VGA: Nvidia G310M 512MB GDDR3|RAM: 4GB DDR3 1066Mhz|HDD: Hitachi 500GB

  4. #4
    Registered 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(àäðåñ íà êàðòèíêàòà çà ñúîòâåòíàòà ðåçîëþöèÿ)';
    Ñåùàì ñå è çà äðóã "íà÷èí", íî òîé å ìíîãî ãðîçåí êàòî êîä Íåùî îò ñîðòà:

    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>
    Êàòî òîâà ìàëîóìèíèÿ Internet Exploder íå èñêà äà ãî ðåíäíå ïðàâèëíî ïî íèêàêàâ ïîâîä è ùå å áîëêà ñ õàêâàíåòî ìó

    Åäèò: ñ doctype strict ãî ðåíäíà êàêòî òðÿáâà
    Last edited by _ShadoW_; 13th September 2010 at 15:38.

  5. #5
    Registered User devilguard3's Avatar
    Join Date: Apr:2009
    Location: Ðàçãðàä
    Posts: 260
    Quote Originally Posted by _ShadoW_ View Post
    Òîâà êîåòî èñêàø íÿìà êàê äà ñòàíå. Ïîíå íå è àêî êàðòèíêàòà òè å çàäàäåíà íà background íà div èëè body. Background-a íå ìîæå äà ñå îðàçìåðÿâà. Ïðîáëåìà ìîæå äà ñå ðåøè êàòî ñëàãàø ðàçëè÷íà êàðòèíêà çà ôîí ñïîðåä ðåçîëþöèÿòà. Ìîæå äà ïîëçâàø ãîðíèÿ ñêðèïò, íî âìåñòî:

    Code:
    document.write("<div class='main' style='width:72%;'>");
    ñëàãàø:

    Code:
    document.body.style.backgroundImage='url(àäðåñ íà êàðòèíêàòà çà ñúîòâåòíàòà ðåçîëþöèÿ)';
    Ñåùàì ñå è çà äðóã "íà÷èí", íî òîé å ìíîãî ãðîçåí êàòî êîä Íåùî îò ñîðòà:

    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>
    Êàòî òîâà ìàëîóìèíèÿ Internet Exploder íå èñêà äà ãî ðåíäíå ïðàâèëíî ïî íèêàêàâ ïîâîä è ùå å áîëêà ñ õàêâàíåòî ìó

    Åäèò: ñ doctype strict ãî ðåíäíà êàêòî òðÿáâà
    õåõ ìåðñè ìíîãî ñëåä ìúíè÷êî ùå ãî ïðîáâàì è àêî èìà íÿêàêâè ïðîáëåìè ùå äðàñíà.


    ÅÄÈÒ:
    íÿêúäå áúðêàì çàùîòî íåùî íå ðåàãèðà.Çàäàë ñúì â õòìë ïîñëåäíèÿ íà÷èí îòâàðÿíåòî íà ñòðêèïòà:

    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

  6. #6
    Registered 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)';

  7. #7
    Ëîø àäìèí! vbTheKing's Avatar
    Join Date: Sep:2003
    Location: Ñîôèÿ
    Posts: 4,138
    Òúé êàòî ðåçîëþöèèòå ñà ìíîãî è íàé-ðàçëè÷íè, áðàóçúðèòå èìàò ðàçíè òóóëáàðè è ñúîòâåòíî ðàçëè÷íà ïî-ãîëåìèíà âèäèìà îáëàñò, à íà âñè÷êî îòãîðå ïîòðåáèòåëÿò ìîæå äà ðèñàéçâà ïðîçîðåöà íà áðàóçúðà, ìèñëÿ, ÷å ðåøåíèåòî ñ 10 êàðòèíêè çà ðàçëè÷íèòå ðåçîëþöèè íÿìà äà å íàé-äîáðîòî.

    Ïðåäè ìàëêî, ðîâåéêè çà ñúâñåì äðóãî íåùî, ñëó÷àéíî ïîïàäíàõ íà ñàéò, êîéòî å ðåàëèçèðàë òî÷íî òîâà, êîåòî èñêàø. Ìîæåø äà ìó ðàçãëåäàø êîäà è äà âçåìåø "íà çàåì" íÿêîÿ èäåÿ.

    http://www.serialcut.com/
    Ëþáèìî ïèòèå çàïî÷âàùî ñ áóêâàòà 'Ê'? * Êàñà áèðà *
    Àêî ìîæåø äà ëåæèø íà ïîäà áåç äà òè ñå íàëàãà äà ñå äúðæèø - âñå îùå ÍÅ ñè ïèÿí!
    Äàâàéòå ñëåäâàùàòà Êàñà...

  8. #8
    Deleted User 4eRNoBiL's Avatar
    Join Date: Oct:2005
    Location: Ñòàðà Çàãîðà
    Posts: 739
    Ìîæå è áåç javascript, åòî òàêà:
    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>
    ...
    Êàòî z-index òðÿáâà äà ãî íàïðàâèø òàêà, ÷å òîçè <div> äà ñå âìúêíå ïîä âñè÷êè îñòàíàëè åëåìåíòè íà ñòðàíèöàòà. Íå ñúì ãî ïðîáâàë ñ Internet Explorer 6, íî áè òðÿáâàëî äà ðàáîòè. Òàêà ñè ðàçïúâàì íåùàòà íà ìîÿ ñàéò, êàòî èçêëþ÷èì î÷åâèäíèòå áúãîâå, ðàçáèðà ñå. Òÿõ ãè ïîïðàâÿì â ìîìåíòà.
    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

  9. #9
    Registered User
    Join Date: Sep:2009
    Location: pazardjik
    Posts: 29
    Áðàâî íà 4eRNoBiL íàé ïîñëå åäèí ñâåñòåí îòãîâîð â òîçè ñàéò.
    Òîçè íà÷èí å íàé äîáðèÿ è âñåêè äîáúð óåá ïðîãðàìèñò ãî ïîëçâà , ïîíå íÿêîé ñå å ñåòèë äà ãî íàïèøå è òóê.

  10. #10
    Registered User
    Join Date: Jul:2005
    Location: Sofiq
    Posts: 2,798
    Quote Originally Posted by delux678 View Post
    Áðàâî íà 4eRNoBiL íàé ïîñëå åäèí ñâåñòåí îòãîâîð â òîçè ñàéò.
    Òîçè íà÷èí å íàé äîáðèÿ è âñåêè äîáúð óåá ïðîãðàìèñò ãî ïîëçâà , ïîíå íÿêîé ñå å ñåòèë äà ãî íàïèøå è òóê.
    Å äà áåøå ïîãëåäíàë è ìîåòî âòîðî ðåøåíèå, àáñîëþòíî ñúùîòî å Äàæå ñúì òè îïðàâèë âñè÷êè áúãîâå è ðàáîòè ïîä IE. Îðàçìåðÿâà ñå êàðòèíêàòà ïðîïîðöèîíàëíî è ò.í.

  11. #11
    Deleted User 4eRNoBiL's Avatar
    Join Date: Oct:2005
    Location: Ñòàðà Çàãîðà
    Posts: 739
    _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

  12. #12
    Registered User
    Join Date: Jul:2005
    Location: Sofiq
    Posts: 2,798
    Quote Originally Posted by 4eRNoBiL View Post
    _ShadoW_, òâîåòî ñúùî å äîáðå, ñàìî íå çíàì çàùî ñè áîÿäèñàë â áÿëî åäèíèÿ äèâ. Ïðè ìåí çàêðèâàøå ôîíà íà Opera è Firefox.
    Çà äà ñå âèæäà ïî-äîáðå êàê ñà ïîçèöèîíèðàíè áëîêîâåòå Âèíàãè ìîæå äà ñè ãè èçòðèåø ôîíîâåòå. Èíà÷å çà êàðòèíêàòà äà óâèñâà ãîðå òîâà å íåäîñòàòúê. Èíà÷å êàòî ïî÷íàò áðàçóçàðèòå äà ïîäúðæàò èçöÿëî CSS3 ùå ìîæå äà ñå îðàçìåðÿâàò ôîíîâåòå http://www.w3.org/TR/css3-background...ackground-size.

  13. #13
    Ëîø àäìèí! vbTheKing's Avatar
    Join Date: Sep:2003
    Location: Ñîôèÿ
    Posts: 4,138
    Ïðè òîçè ìåòîä òðÿáâà äà ñå èìà ïðåäâèä, ÷å íå çàïàçâà ïðîïîðöèèòå íà èçîáðàæåíèåòî.
    Ëþáèìî ïèòèå çàïî÷âàùî ñ áóêâàòà 'Ê'? * Êàñà áèðà *
    Àêî ìîæåø äà ëåæèø íà ïîäà áåç äà òè ñå íàëàãà äà ñå äúðæèø - âñå îùå ÍÅ ñè ïèÿí!
    Äàâàéòå ñëåäâàùàòà Êàñà...

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Copyright © 1999-2011 Õàðäóåð ÁÃ. Âúçìîæíî å ñúäúðæàíèåòî íà òàçè ñòðàíèöà äà å îáåêò íà àâòîðñêè ïðàâà.
iskamPC.com | mobility.BG | Bloody's Techblog | Êðèïòîâàëóòè è ìàéíèíã | 3D Vision Blog | Ìàãàçèí çà åëåêòðîííè öèãàðè