بىلىملەر مۇنبىرى

 پارول قايتۇرىۋېلىش
 تىزىملىتىڭ
جەمئىي مىكروبلوگ 290 تال  

مىكروبلوگ[ يېڭى | 24 سائەت | 7 كۈن | 30 كۈن ]

  • qatak007 2021-12-29 15:46 [ئىنكاس(0)] [...]

    يېڭى ئاكونتىم تەستىقسىز ئەزا دەپ ھېچنېمە قىلالماپتىم

  • sburkut 2021-12-19 16:11 [ئىنكاس(0)] [...]

    EMLOG proنىڭ يىڭى نەشىرى يامانكەن،ئېمىلوگ ئىشلەتكەنلە مۇشۇنىڭغا كۆچسە بولغۇد...

  • altaxna 2021-11-14 12:24 [ئىنكاس(0)] [...]

    ياخشىراق 加密دىتال بولسا تەۋسىيە قىلساڭلار

  • altaxna 2021-11-5 19:26 [ئىنكاس(0)] [...]

    بىلىملەردە ئىنكاسىمنىڭ تەستىقلىنىشىنى ساقلاپ بولالمىدىم

  • kapsizjan 2021-10-19 23:15 [ئىنكاس(1)] [...]

    دوسلار قايسىڭلا سالۇن ئۈچ توپ سىستىمىسىنى ئىشلىتىشنى ئۇقىسىلە ياساغلىق

  • NuerCode 2021-10-7 19:45 [ئىنكاس(2)] [...]

    بىلىملەرنىڭ يىڭلىنشى بەك ئاستىغا    

  • Bashqut 2021-9-17 11:23 [ئىنكاس(6)] [...]

    emlog نىڭ ئەڭ يېڭى نەشىرى ئۆزلەشتۈرىلىۋاتىدۇ، پار ئارىدا ئېلان قىلىنىدۇ...

كۆرۈش: 6010|ئىنكاس: 6

[HTML/CSS] ساپ CSS تا تەڭشەلگەن بەت ئۆرۈش ئۈنۈمى

  [ئۇلانما كۆچۈرۈش]

بىكەتكە ئەزا نامىڭىز بىلەن كىرسىڭىز تېخىمۇ كۆپ ئۇچۇرلارنى كۆرەلەيسىز

مۇنبىرىمىزگە تىزىملىتىپ كىرسىڭىز ئاندىن قوشۇمچە ھۆججەتنى كۆرەلەيسىز ياكى چۈشۈرەلەيسىز . تېخى تىزىملاتمىغانمۇ؟ تىزىملىتىڭ

x
تۆۋەندىكىسى ھازىرقى خەنزۇچە بىلوگلار قوللىنىۋاتقان ھەرخىل بەت ئۆرۈش ئۈنۈملىرى ، ھەممىسى توردىن ئۇچراپ قالغان . ئازىراق ئۆزگەرتىپ ئۇيغۇرچىغا ماسلاشتۇرۇپ باقتىم. كۆرۈپ بېقىڭلار .يارىسا چۈشۈرۋېلىڭلار، ئىنكاس يېزىشنى ئۇنۇتماڭ. ئاۋۇ ئېلاننىمۇ دەسسىۋىتىڭ.{:soso_e113:}


  1. <html>
  2. <head>
  3. <title> بەت ئۆرۈش ئۈنۈمى</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <style type="text/css">  
  6. #nav {
  7. list-style: none;
  8. display: inline;
  9. }
  10. #nav li {
  11. display: inline;
  12. margin-right: 5px;
  13. float: left;
  14. height: 20px;
  15. width: 20px;
  16. }
  17. #nav a {
  18. color: #399;
  19. text-decoration: none;
  20. display: block;
  21. font-size: 14px;
  22. font-family: Geneva, Arial, Helvetica,"UKIJ Tuz Tom", sans-serif;
  23. border: 1px solid #999;
  24. width: 20px;
  25. height: 20px;
  26. line-height: 20px;
  27. text-align: center;
  28. }
  29. #nav li a:hover {
  30. font-size: 24px;
  31. line-height: 30px;
  32. height: 30px;
  33. width: 30px;
  34. position: absolute;
  35. z-index: 10;
  36. margin: -5px 0 0 -5px;
  37. font-weight: bold;
  38. color: #CC66FF;
  39. border: 1px dotted #666666;
  40. background: #EEE;
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <ul id="nav">
  46. <li><a href="#">&laquo;</a></li>
  47. <li><a href="/">1</a></li>
  48. <li><a href="#">2</a></li>
  49. <li><a href="#">3</a></li>
  50. <li><a href="/">4</a></li>
  51. <li><a href="#">5</a></li>
  52. <li><a href="#">6</a></li>
  53. <li><a href="/">7</a></li>
  54. <li><a href="/">8</a></li>
  55. <li><a href="#">&raquo;</a></li>
  56. </ul>
  57. </body>
  58. </html>
مەزمۇننى كۆچۈرۈۋېلىش
  1. <!--StartFragment--><style type="text/css">
  2. .demo a {
  3. float:left;
  4. margin:5px 1px 0 1px;
  5. width:20px;
  6. height:20px;
  7. color:#999;
  8. font:12px/20px "UKIJ Tuz Tom";
  9. text-align:center;
  10. text-decoration:none;
  11. border:1px solid orange;
  12. }
  13. .demo a:hover {
  14. position:relative;
  15. margin:0 -9px 0 -9px;
  16. padding:0 5px;
  17. width:30px;
  18. height:30px;
  19. font:bold 16px/30px "UKIJ Tuz Tom";
  20. color:#000;
  21. border:1px solid black;
  22. background:#eee;
  23. }
  24. </style>
  25. <div class="demo">
  26. <a href="#">1</a>
  27. <a href="#">2</a>
  28. <a href="#">3</a>
  29. <a href="#">4</a>
  30. <a href="#">5</a>
  31. <a href="#">6</a>
  32. <a href="#">7</a>
  33. <a href="#">8</a>
  34. <a href="#">9</a>
  35. <a href="#">10</a>
  36. </div>
مەزمۇننى كۆچۈرۈۋېلىش
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>بەت ئۆرۈش ئۈنۈمى</title>
  6. <STYLE type=text/css media=all>
  7. .pageWrapper {
  8.         FONT-SIZE: 12px; BACKGROUND: #f6f6f6; WIDTH: 620px; direction:rtl; font-family:"UKIJ Tuz Tom"; text-align:right;
  9. }
  10. .pgbtn A:link {
  11.         BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; BACKGROUND: url(http://image.mop.com/bbspic/deco/2006/1116/img1116/piczw_001.gif); BORDER-LEFT: #ccc 1px solid; COLOR: #686868; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY:"UKIJ Tuz Tom"; TEXT-DECORATION:none
  12. }
  13. .pgbtn A:visited {
  14.         BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; BACKGROUND: url(http://image.mop.com/bbspic/deco/2006/1116/img1116/piczw_001.gif); BORDER-LEFT: #ccc 1px solid; COLOR: #686868; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY:"UKIJ Tuz Tom"; TEXT-DECORATION: none
  15. }
  16. .pgbtn A:active {
  17.         BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; BACKGROUND: url(http://image.mop.com/bbspic/deco/2006/1116/img1116/piczw_002.gif); BORDER-LEFT: #ccc 1px solid; COLOR: #686868; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY:"UKIJ Tuz Tom"; TEXT-DECORATION: none
  18. }
  19. .pgbtn A:hover {
  20.         BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; BACKGROUND: url(http://image.mop.com/bbspic/deco/2006/1116/img1116/piczw_002.gif); BORDER-LEFT: #ccc 1px solid; COLOR: #686868; LINE-HEIGHT: 20px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY:"UKIJ Tuz Tom"; TEXT-DECORATION: none
  21. }
  22. .pagnum A:link {
  23.         MARGIN: 0px 2px; WIDTH: 26px
  24. }
  25. .pagnum A:visited {
  26.         MARGIN: 0px 2px; WIDTH: 26px
  27. }
  28. .pagnum A:active {
  29.         MARGIN: 0px 2px; WIDTH: 26px
  30. }
  31. .pagnum A:hover {
  32.         MARGIN: 0px 2px; WIDTH: 26px
  33. }

  34. .pages {
  35.         MARGIN: 5px 0px 5px 0px; FLOAT: left; WIDTH: 460px; TEXT-ALIGN: center
  36. }
  37. .pagetb {
  38.         MARGIN: 0px auto
  39. }
  40. .pregro {
  41.         WIDTH: 60px; PADDING-TOP: 2px; HEIGHT: 20px
  42. }
  43. .nxtgro {
  44.         WIDTH: 60px; PADDING-TOP: 2px; HEIGHT: 20px
  45. }
  46. .pregro {
  47.         DISPLAY: inline; FLOAT: left; MARGIN: 5px 0px 5px 15px;text-align:center;
  48. }
  49. .nxtgro {
  50.         DISPLAY: inline; FLOAT: right; MARGIN: 5px 15px 5px 0px;text-align:center;
  51. }

  52. }
  53. </STYLE>
  54. </head>

  55. <body>
  56. <div class=pageWrapper>
  57.   <div class="pregro pgbtn"><a title=ئالدىنقى
  58. href="http://timtas.net">ئالدىنقى </a></div>
  59.   <div class="pages pgbtn">
  60.     <table class=pagetb cellspacing=0>
  61.       <tbody>
  62.         <tr>
  63.           <td class=pagnum><a class=currentpg title=ھازىرقى بەت  
  64.       href="http://timtas.net">1</a></td>
  65.           <td class=pagnum><a title=2-بەت
  66.       href="http://timtas.net">2</a></td>
  67.           <td class=pagnum><a title=3-بەت
  68.       href="http://timtas.net">3</a></td>
  69.           <td class=pagnum><a title=4-بەت
  70.       href="http://timtas.net">4</a></td>
  71.           <td class=pagnum><a title=5-بەت
  72.       href="http://timtas.net">5</a></td>
  73.           <td class=pagnum><a title=6-بەت
  74.       href="http://timtas.net">6</a></td>
  75.           <td class=pagnum><a title=7-بەت
  76.       href="http://timtas.net">7</a></td>
  77.           <td class=pagnum><a title=8-بەت
  78.       href="http://timtas.net">8</a></td>
  79.           <td class=pagnum><a title=9-بەت
  80.       href="http://timtas.net">9</a></td>
  81.           <td class=pagnum><a title=10-بەت
  82.       href="http://timtas.net">10</a></td>
  83.           <td class=pagnum><a title=كىيىنكى بەت
  84.       href="http://timtas.net">>></a></td>
  85.           <td class=termipag><a class=st title=ئەڭ ئاخىرقى
  86.       href="http://timtas.net">ئاخىرقى</a></td>
  87.         </tr>
  88.       </tbody>
  89.     </table>
  90.   </div>
  91.   <div class="nxtgro pgbtn"><a title=كىيىنكى   
  92. href="http://timtas.net">كىيىنكى </a></div>
  93. </div>
  94. </body>
  95. </html>
مەزمۇننى كۆچۈرۈۋېلىش
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>بەت ئۆرۈش ئۈنۈمى</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
  6. <style>
  7. *{font-size:12px; direction:rtl; font-family:"UKIJ Tuz Tom";}
  8. a{font-size:12px;color:#000;}
  9. a:link {text-decoration:none;}
  10. a:visited {text-decoration:none;}
  11. a:hover {text-decoration:underline;}
  12. .pages{height:25px;padding:10px 15px 5px 0px;text-align:center; clear:both;}
  13. .pages a{margin:0px 1px;padding:2px 5px;text-align:center;border:1px solid #D1E7FF;color:#2D94FF;}
  14. .pages .pagesNum,.pages .pagesOn{color:#FF8FC2;}
  15. .pages .pagesNum,.pages .pagesnone{text-decoration:none;}
  16. .pages .pagesInput,.pages .pagesnone,.pages .pagego{border:0px;padding:2px 0px;margin:0px 2px;color:#FF8FC2;}
  17. .pages .pagesInput input{width:32px;margin:0px 2px;background:url(http://hiphotos.baidu.com/ouhee/pic/item/f1b91908842312d463d986c4.jpg) no-repeat;border:none;height:16px;text-align:center;}
  18. .pages .pagego input{width:23px;background:url(http://hiphotos.baidu.com/ouhee/pic/item/f9ca60f40a097adcf3d385c4.jpg) no-repeat;border:none;height:14px;vertical-align:middle;cursor:pointer;}
  19. </style>
  20. <body>
  21. <div class="pages"><a class="pagesNum" title="2-بەت / جەمئى 12 بەت"> 2/12 </a><a href="#" title="باش بەت">|‹</a><a href="#" title="ئالدىنقى">‹‹</a><a href="#">1</a><a class="pagesOn">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a><a href="#">8</a><a href="#">9</a><a href="#">10</a><a href="#" title="كىيىنكى">››</a><a href="#" title="ئاخىرقى">›|</a><a class="pagesnone"> </a><a class="pagesInput"><input type="text" name="custompage" ></a><a class="pagesnone">بەت </a><a class="pagego"><input type="button"/></a></div>
  22. </body>
  23. </html>
مەزمۇننى كۆچۈرۈۋېلىش
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2012-4-9 11:05:53 | ھەممە قەۋەتنى كۆرۈش

ئىنكاس مۇكاپاتى +10

ئىسىل تېما ... {:soso_e179:} ، مۇشۇلارنى پايدىلىنىپ بىكەت قۇرساق كۆركەم چىقىدۇ ئەمەسمۇ ... يەنە بولسا يوللاپ تۇراسىز ھە
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2012-4-9 11:06:07 | ھەممە قەۋەتنى كۆرۈش
ۋوي 1- ئىنكاسغا مۇكاپات چىقتى
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2012-4-9 11:19:09 | ھەممە قەۋەتنى كۆرۈش
ئۆزىڭىزگە مۇكاپاتنى قەستەن چىقىرۋاپسىز ، بۇرۇن دىۋان مۇكاپاتى چىقاتتىغۇ
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2012-4-9 18:37:46 | ھەممە قەۋەتنى كۆرۈش
ئىزچىل سىزنىڭ يازمىڭىزغا دىققەت قىلىپ كېلىۋاتىمەن، داۋاملىق تىرىشىڭ !بىلىملەر تورىغا ئەزا بولۇپ ياخشى قىلىپتىمەن !ئىسىلكەنغۇ > "" “” '
بىلىملەر تورىغا ئەزا بولۇپ ياخشى قىلىپتىمەن !ئىسىلدەك تۇرىدۇ، كۆرۈپ باقاي قېنى ...
بىلىملەر تورى بەك قالتىسكەن !
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2012-4-12 19:19:47 | ھەممە قەۋەتنى كۆرۈش
سۆيگۈم يوللىغان ۋاقتى  2012-4-9 18:37
ئىزچىل سىزنىڭ يازمىڭىزغا دىققەت قىلىپ كېلىۋاتىمەن، دا ...

رەخمەت . ئىنكاسمۇ قالتىس
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2015-3-14 19:10:53 يانفوندا يوللانغان | ھەممە قەۋەتنى كۆرۈش
رەھمەت
بىلمىگەننى بىلىملەردىن بىل!
كىرگەندىن كېيىن ئىنكاس يازالايسىز كىرىش | تىزىملىتىڭ

سەھىپە جۇغلانما قائىدىسى

QQ|قاماقخانا|رەسىمسىز ھالەت|يانفۇن| بىلىملەر تورى ( 沪ICP备19027845号-8 )   

GMT+8, 2022-9-29 17:03 , Processed in 0.072195 second(s), 24 queries .

Powered by Discuz! X3.2(NurQut Team)

© 2001-2013 Comsenz Inc.

تېز ئىنكاس چوققىغا قايتىش سەھىپىگە قايتىش