¸¡º÷Áë
º£Æü:1 hit¡¢ºòÆü:6 hit¡¢¹ç·×:2,555 hit
¾®¡ÃÃæ¡ÃÂç¡Ã | CSS ̴ǵ¤Õ¤ï¤ê¤Ç¤¹¡£
¿§¡¦²èÁü¡¦¿ôÃͤòÊѤ¨¤ë¤À¤±¤ÇËܳÊŪ¤ÊCSS¤¬ºî¤ì¤ë¤Ò¤Ê·Á¤òºî¤Ã¤Æ¤ß¤Þ¤·¤¿¡£

ÍøÍѵ¬Ìó
1.¾å¤Î̴ǵ¤Õ¤ï¤ê¤Î̾Á°¤Ï¾Ã¤µ¤Ê¤¤¤Ç¤¯¤À¤µ¤¤¡£2.ºî¤Ã¤¿¥Ç¥¶¥¤¥ó¤ÏÇÛÉÛOK¤Ç¤¹¤¬¡¢
¥È¥Ã¥×¤Ëɬ¤ºURL¤È̴ǵ¤Õ¤ï¤ê¤Î̾Á°¤òºÜ¤»¤Æ¤¯¤À¤µ¤¤¡£
¡¡http://uranai.nosv.org/u.php/hp/css_tamplate/
3.¤³¤ì¤ÈƱ¤¸¤è¤¦¤Ê¤Ò¤Ê·Á¤È¤·¤Æ¤ÎºÆÇÛÉÛ¤ÏNG¤Ç¤¹¡£4.ÇÛÉÛ¤·¤Ê¤±¤ì¤Ð¡¢URL¤Èºî¼ÔÌÀµ­¤Ï¤Ê¤¯¤Æ¤âÂç¾æÉפǤ¹¡£5.Á´Éô¼«ÎϤǺî¤Ã¤¿¤È¸í²ò¤µ¤ì¤ë¤è¤¦¤Ê¼«ºîȯ¸À¤ÏNG¤Ç¤¹¡£6.²èÁü¤ÎÃøºî¸¢¤äľ¥ê¥ó¥¯¤Ë¤Ïµ¤¤ò¤Ä¤±¤Æ¤¯¤À¤µ¤¤¡£

ÇÛÉÛ
°ì³ç¥³¥Ô¡¼
¸«¤ì¤Ê¤¤¾ì¹ç¤Ï²¼¤Î³¥¿§¥Ü¥Ã¥¯¥¹¤ò¥³¥Ô¡¼

¡¡
/*********************************************************
¡¡¡¡¡¡¡¡¥Ç¥¶¥¤¥ó¡§YOU
¡¡¡¡¡¡¡¡CSS¤Ò¤Ê·Á¡§Ì´Çµ¤Õ¤ï¤ê

¡¡¢¨ÍøÍѵ¬Ìó¢¨
¡¡1.¾å¤Î̴ǵ¤Õ¤ï¤ê¤Î̾Á°¤Ï¾Ã¤µ¤Ê¤¤¤Ç¤¯¤À¤µ¤¤¡£
¡¡2.ºî¤Ã¤¿¥Ç¥¶¥¤¥ó¤ÏÇÛÉÛOK¤Ç¤¹¤¬¡¢
¡¡¡¡¥È¥Ã¥×¤Ë¡úɬ¤º¡úURL¤È̴ǵ¤Õ¤ï¤ê¤Î̾Á°¤òºÜ¤»¤Æ¤¯¤À¤µ¤¤¡£
¡¡¡¡¡¡¡¡http://uranai.nosv.org/u.php/hp/css_template/
¡¡3.¤³¤ì¤ÈƱ¤¸¤è¤¦¤Ê¡ú¤Ò¤Ê·Á¤È¤·¤Æ¤ÎºÆÇÛÉÛ¤ÏNG¡ú¤Ç¤¹¡£
¡¡4.ÇÛÉÛ¤·¤Ê¤±¤ì¤Ð¡¢URL¤Èºî¼ÔÌÀµ­¤Ï¤Ê¤¯¤Æ¤âÂç¾æÉפǤ¹¡£
¡¡5.Á´Éô¼«ÎϤǺî¤Ã¤¿¤È¸í²ò¤µ¤ì¤ë¤è¤¦¤Ê¡ú¼«ºîȯ¸À¤ÏNG¡ú¤Ç¤¹¡£
¡¡6.²èÁü¤ÎÃøºî¸¢¤äľ¥ê¥ó¥¯¤Ë¤Ïµ¤¤ò¤Ä¤±¤Æ¤¯¤À¤µ¤¤¡£

¡¡¢¨»È¤¤Êý¢¨
¡¡1.¿§¤ä²èÁü¤ò»ØÄꤷ¤Æ¤ª»È¤¤¤¯¤À¤µ¤¤¡£
¡¡2.ÉÔÍפÊÀßÄê¹àÌܤϾ䷤Ƥ¯¤À¤µ¤¤¡£
*********************************************************/

/*---------------------------------------------
¡¡¥Õ¥©¥ó¥ÈÀßÄê
-----------------------------------------------*/
*{font-family: Meiryo, sans-serif !important;}
/* Web¥Õ¥©¥ó¥È¤ò»È¤¦¾ì¹ç¤Ï¤³¤³¤Ë */

/*---------------------------------------------
¡¡¶¦ÄÌÀßÄê
-----------------------------------------------*/
/* ¢£Á´ÂΤÎʸ»ú¿§¤ÈÇØ·Ê */
body{

/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* ÇطʲèÁü */
background-image: url(²èÁüURL);

/* ʸ»ú¿§ */
color: ¿§»ØÄê;
}

/* ¢£¥í¥´¤Î²¼¤ÎÀþ */
div#topcon_line{
border-bottom: 7px solid ¿§»ØÄê;
}

/* ¢£¥í¥´Éôʬ */
div#topcon{

/* Àþ¤ÎÀßÄê */
border: 0;

/* ¥Ü¥Ã¥¯¥¹¤Î±Æ */
box-shadow: none;
}

/* ¢£¥³¥ó¥Æ¥ó¥ÄÇØ·ÊÄ´À° */
div#wrapper, div#content{
background: transparent; /* Æ©ÌÀÇØ·Ê */
border: 0; /* Àþ¤Ê¤· */
box-shadow: none; /* ¥Ü¥Ã¥¯¥¹¤Î±Æ¤Ê¤· */
}

/* ¢£ËÜÂΤÎÇØ·Ê */
div#container{

/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* ÇطʲèÁü */
background-image: url(²èÁüURL);

/* Àþ¤ÎÀßÄê */
border: 0;

/* ¥Ü¥Ã¥¯¥¹¤Î±Æ */
box-shadow: none;
}

/* ¢£¥Ê¥Ó¥á¥Ë¥å¡¼ */
div#navigation{
/* Æ©ÌÀÇØ·Ê */
background: transparent;
}

/* ¢£¥Ê¥Ó¥á¥Ë¥å¡¼¸«½Ð¤· */
div#navigation h2{
/* Àþ¤ÎÀßÄê */
border-bottom: 1px solid ¿§»ØÄê;
}

/* ¢£¥Ê¥Ó¥á¥Ë¥å¡¼¥é¥ó¥­¥ó¥° */
ol.navlist li{
/* Àþ¤ÎÀßÄê */
border-bottom: 1px dashed ¿§»ØÄê;
}

/* ¢£¥ê¥ó¥¯ */
a:link{
/* ¥ê¥ó¥¯¤Î¿§ */
color: ¿§»ØÄê;
}
a:visited{
/* ˬÌäºÑ¥ê¥ó¥¯¤Î¿§ */
color: ¿§»ØÄê;
}
a:hover{
/* ¥Þ¥¦¥¹¥ª¡¼¥Ð¡¼»þ */
color: ¿§»ØÄê;
text-decoration: none;
}

/* ¢£ÆþÎϥܥ寥¹ */
input[type=text]{

/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* ÇطʲèÁü */
background-image: url(²èÁüURL);

/* Àþ¤ÎÀßÄê */
border: 0;

/* ʸ»ú¿§ */
color: ¿§»ØÄê;

/* ³Ñ¤Î´Ý¤ß:¿ô»ú¤òÊѤ¨¤ë */
border-radius: 0px;
}
form.ipt fieldset input#nm{
/* ÆþÎϥܥ寥¹¤ÎÃæ±û·¤¨ */
text-align: center; /* ÉÔÍפʤéºï½ü */
}

/* ¢£¥Ü¥¿¥ó */
input[type=submit]{

/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* ÇطʲèÁü */
background-image: url(²èÁüURL);

/* Àþ¤ÎÀßÄê */
border: 0;

/* ʸ»ú¿§ */
color: ¿§»ØÄê !important;

/* ³Ñ¤Î´Ý¤ß:¿ô»ú¤òÊѤ¨¤ë */
border-radius: 0px;
}
input[type=submit]:hover{
/* ¥Þ¥¦¥¹¥ª¡¼¥Ð¡¼»þ */
opacity: 0.6; /* ȾƩÌÀ¤Ë¤¹¤ë */
cursor: pointer; /* ¥«¡¼¥½¥ë¤ò»Ø¤Ë¤¹¤ë */
}
input#sbt{
/* ¸¡º÷¥Ü¥¿¥óÄ´À° */
border-radius: 0px;
}

/* ¢£Ê¸»ú¥µ¥¤¥ºÂçÃæ¾® */
span#resizer{

/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* Àþ¤ÎÀßÄê */
border: 0;

/* ³Ñ¤Î´Ý¤ß:¿ô»ú¤òÊѤ¨¤ë */
border-radius: 0px;
}

/* ¢£É¾²Á¥Ü¥Ã¥¯¥¹ */
div.ratingblock{

/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* Àþ¤ÎÀßÄê */
border: 0;

/* ³Ñ¤Î´Ý¤ß:¿ô»ú¤òÊѤ¨¤ë */
border-radius: 0px;
}

/* ¢£É¾²Á¤ÎÀ± */
/* ɾ²ÁÁ° */
.unit-rating{
background-image: url(²èÁüURL);
background-position: left;
background-size: 30px;
}

/* ɾ²ÁÃæ */
.unit-rating li a:hover {
background-image: url(²èÁüURL);
background-position: left;
background-size: 30px;
}

/* ɾ²Á¸å */
.unit-rating li.current-rating{
background-image: url(²èÁüURL);
background-position: left;
background-size: 30px;
}

/* À±¥¹¥Þ¥ÛÍÑÄ´À° */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2){
div#content div.ratingblock ul, .unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating{
background-size: 25px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
div#content div.ratingblock ul, .unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating{
background-size: 25px;
}
}
/* ¤³¤³¤Þ¤ÇÄ´À° */


/* ¢£¤ªµ¤¤ËÆþ¤êÅÐÏ¿ */
div#content .oblock{
/* Àþ¤ÎÀßÄê */
border: 0;

/* ³Ñ¤Î´Ý¤ß:¿ô»ú¤òÊѤ¨¤ë */
border-radius: 0px;
}

/* ¢£²¼¤Î¥Ü¥Ã¥¯¥¹ */
div#content .block{
/* Àþ¤ÎÀßÄê */
border: 0;

/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;
}

/* ¢£´ØÏ¢ºîÉʤθ«½Ð¤· */
div#content h3.block_head{{
/* Àþ¤ÎÀßÄê */
border: 0;

/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* ³Ñ¤Î´Ý¤ß:¿ô»ú¤òÊѤ¨¤ë */
border-radius: 0px;

/* ʸ»ú¿§ */
color: ¿§»ØÄê;
}

/* ¢£´ØÏ¢ºîÉʤΥܥ寥¹ */
div#content div#relitems .block{
/* Àþ¤ÎÀßÄê */
border: 0;

/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* ³Ñ¤Î´Ý¤ß:¿ô»ú¤òÊѤ¨¤ë */
border-radius: 0px;
}


/* ¢£¥³¥á¥ó¥ÈÍó */
form.commentform{
/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê !important;

/* Àþ¤ÎÀßÄê */
border:0 !important;
}

/* ¢£¥³¥á¥ó¥ÈËÜʸ */
span.listitem_noimg{/* ´ñ¿ô¥³¥á¥ó¥È */
/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* ³Ñ¤Î´Ý¤ß:¿ô»ú¤òÊѤ¨¤ë */
border-radius: 15px;

/* °ÕÌ£¤¬²ò¤ë¿Í¤Î¤ßÄ´À° */
padding: 10px;
margin: 10px 5px;
box-sizing: border-box;
}
span.listitem_noimg:nth-child(2n){/* ¶ö¿ô¥³¥á¥ó¥È */
/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;
}

/* ¢£¥³¥á¥ó¥ÈÍó¤Î¶­³¦Àþ */
p#comments span:last-child{
/* Àþ¤ÎÀßÄê */
border-top: Àþ¤ÎÂÀ¤µ Àþ¤Î¼ïÎà Àþ¤Î¿§ !important;
}

/* ¢£¥Õ¥Ã¥¿¡¼¤Î¶­³¦ */
div#footer{
background-image: url(²èÁüURL);
}

/*---------------------------------------------
¡¡¥È¥Ã¥×¥Ú¡¼¥¸ÀßÄê
-----------------------------------------------*/
/* ¢£ºîÉÊ¥¿¥¤¥È¥ë */
div#header{
/* Àþ¤ÎÀßÄê */
border: 0;
}
div#header a{
/* ʸ»ú¿§ */
color: ¿§»ØÄê;

/* ±ÆÁõ¾þ */
text-shadow: 0px 0px 2px ¿§»ØÄê, 0px 0px 5px ¿§»ØÄê;
margin-left: 3px;
font-weight: bold;
}

/* ¢£ÀâÌÀÍó */
div#desc{
/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* ÇطʲèÁü */
background-image: url(²èÁüURL);

/* ʸ»ú¿§ */
color: ¿§»ØÄê;

/* Àþ¤ÎÀßÄê */
border: 0;

/* ³Ñ¤Î´Ý¤ß:¿ô»ú¤òÊѤ¨¤ë */
border-radius: 0px;
/* ´Ý¤¯¤·¤Ê¤¤¾ì¹ç¤Ï0¤Ë */
padding: 1em;

/* ¹Ô´Ö */
line-height: 1.6;

/* ʸ»ú´Ö³Ö */
letter-spacing: 0px;

/* ¤³¤³¤ÏÊѤ¨¤Ê¤¤ */
box-sizing: border-box;
}

/* ¢£¥¨¥Ô¥½¡¼¥ÉÁªÂòÍó */
div#content form#dr{
/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* ÇطʲèÁü */
background-image: url(²èÁüURL);

/* ʸ»ú¿§ */
color: ¿§»ØÄê;

/* Àþ¤ÎÀßÄê */
border: 0;

/* ³Ñ¤Î´Ý¤ß:¿ô»ú¤òÊѤ¨¤ë */
border-radius: 0px;

/* ¹Ô´Ö */
line-height: 1.8;


/* ¤³¤³¤ÏÊѤ¨¤Ê¤¤ */
box-sizing: border-box;
}

/* ¢£¥¨¥Ô¥½¡¼¥Éʸ»ú¿§ */
form#dr fieldset a{
/* ʸ»ú¿§ */
color: ¿§»ØÄê;
}

/* ¢£ÁªÂò¥Ü¥¿¥ó */
input[type=radio]{
visibility: hidden;
}
input[type=radio] + label {
/* ̤ÁªÂò¥Ü¥¿¥ó²èÁü */
background-image: url(²èÁüURL);

/* ¤³¤³¤ÏÊѤ¨¤Ê¤¤ */
background-repeat: no-repeat;
background-position: left center;
background-size:1.2em 1.2em;
padding-left:1.5em;
background: none;
display: inline !important;
}
input[type=radio]:checked + label{
/* ÁªÂòºÑ¥Ü¥¿¥ó²èÁü */
background-image: url(²èÁüURL);

/* ¤³¤³¤ÏÊѤ¨¤Ê¤¤ */
background-repeat: no-repeat;
background-position: left center;
background-size:1.2em 1.2em;
}

/*---------------------------------------------
¡¡ÆâÍÆ¥Ú¡¼¥¸ÀßÄê
-----------------------------------------------*/
/* ¥Ú¡¼¥¸Ì¾ */
div#content div.result h3{
/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* ʸ»ú¿§ */
color: ¿§»ØÄê;

/* Àþ¤ÎÀßÄê */
border: 0;

/* ³Ñ¤Î´Ý¤ß:¿ô»ú¤òÊѤ¨¤ë */
border-radius: 0px;

/* ¤³¤³¤ÏÊѤ¨¤Ê¤¤ */
box-sizing: border-box;
}

/* ¢£ËÜʸ */
p#u_result{
/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* ÇطʲèÁü */
background-image: url(²èÁüURL);

/* ʸ»ú¿§ */
color: ¿§»ØÄê;

/* Àþ¤ÎÀßÄê */
border: 0;

/* ³Ñ¤Î´Ý¤ß:¿ô»ú¤òÊѤ¨¤ë */
border-radius: 0px;
/* ´Ý¤¯¤·¤Ê¤¤¾ì¹ç¤Ï0¤Ë */
padding: 1em;

/* ¤³¤³¤ÏÊѤ¨¤Ê¤¤ */
box-sizing: border-box;
}
div#content p.result{
/* ¹Ô´Ö */
line-height: 1.8;

/* ʸ»ú´Ö³Ö */
letter-spacing: 0px;
}

/* ¢£ËÜʸ¤Î¶­³¦Àþ */
p#u_pager, div#content p.result_btm{
/* Àþ¤ÎÀßÄê */
border-top: Àþ¤ÎÂÀ¤µ Àþ¤Î¼ïÎà Àþ¤Î¿§ !important;
}

/* ¢£¼¡¤Î¥Ú¡¼¥¸ */
#u_pager .p_next span{
/* ÇØ·Ê¿§ */
background-color: ¿§»ØÄê;

/* Àþ¤ÎÀßÄê */
border: 0;

/* ³Ñ¤Î´Ý¤ß:¿ô»ú¤òÊѤ¨¤ë */
border-radius: 5px;
}

/* ¢£¥Ï¡¼¥È¤Î¿§Ä´ */
div.heart{
/* ¿ô»ú¤òÊѤ¨¤Æ¿§Ì£¤¬ÊѤï¤ë */
filter: brightness(100%) hue-rotate(0deg) saturate(100%);
/*
°ÕÌ£¤¬²ò¤ë¿Í¤Î¤ßÄ´À°
¡¦brightness¢ªÌÀ¤ë¤µ
¡¦hue-rotate¢ª¿§Áê
¡¦saturate¢ªºÌÅÙ
*/
}

¥Û¥à¥Ú¤òºî¤ë¡Ã´¶ÁÛ¤ò½ñ¤¯
¾¤ÎºîÉʤòõ¤¹

¤ª¤â¤·¤íÅÙ¤òÅêɼ
( ¢« ´èÄ¥¤Ã¤Æ¡ª¡ÃÌÌÇò¤¤¡ª¢ª )

ÅÀ¿ô: 10.0/10 (19 ɼ)

¤³¤Î¥Û¥à¥Ú¤ò¤ªµ¤¤ËÆþ¤êÄɲà ÅÐÏ¿¤¹¤ì¤Ð¸å¤Ç¹¹¿·¤µ¤ì¤¿½ç¤Ë¸«¤ì¤Þ¤¹
25¿Í¤¬¤ªµ¤¤ËÆþ¤ê
ÀßÄ꥿¥°¡§CSS , CSSÇÛÉÛ , ¥ª¥ê¥¸¥Ê¥ëºîÉÊ
°ãÈ¿Êó¹ð - ¥ë¡¼¥ë°ãÈ¿¤ÎºîÉʤϥ³¥³¤«¤éÊó¹ð

´¶ÁÛ¤ò½ñ¤³¤¦¡ª(·ÈÂÓÈÖ¹æ¤Ê¤É¡¢¸Ä¿Í¾ðÊóÅù¤Î½ñ¤­¹þ¤ß¤ò¹Ô¤Ã¤¿¾ì¹ç¤ÏˡΧ¤Ë¤è¤ê½èȳ¤ÎÂоݤˤʤê¤Þ¤¹)

¥Ë¥Ã¥¯¥Í¡¼¥à¡§ ´¶ÁÛ¡§  ¥í¥°¥¤¥ó

ºîÉʤÏÁ´¤Æ·ÈÂӤǤ⸫¤ì¤Þ¤¹
Ʊ¤¸¤è¤¦¤ÊÀꤤ¤ò´Êñ¤Ëºî¤ì¤Þ¤¹ ¢ª ºîÀ®

ºî¼Ô̾¡§Ì´Çµ¤Õ¤ï¤ê | ºîÀ®Æü»þ¡§2023ǯ12·î2Æü 12»þ

¥Ñ¥¹¥ï¡¼¥É: (Ãí) ¾¤Î¿Í¤¬ºî¤Ã¤¿Êª¤Ø¤Î¹Ó¤é¤·¹Ô°Ù¤ÏÈȺá¤Ç¤¹¡£
ȯ³Ð¤·¤¿¾ì¹ç¡¢Â¨¹ïÄÌÊó¤·¤Þ¤¹¡£