연습:서화작품.xsl: 두 판 사이의 차이

Vaquita Wiki
← 이전 편집다음 편집 →
편집 요약 없음
편집 요약 없음
5번째 줄: 5번째 줄:
         <head>
         <head>
             <style>
             <style>
                 .art-container { font-family: "Malgun Gothic", sans-serif; display: flex; flex-wrap: wrap; gap: 20px; }
                 .work-table { width: 100%; border-collapse: collapse; font-family: "Malgun Gothic", serif; }
                 .art-card { border: 1px solid #ddd; border-radius: 8px; overflow: hidden; width: 300px; box-shadow: 2px 2px 8px rgba(0,0,0,0.1); }
                 .work-table th, .work-table td { border: 1px solid #aaa; padding: 15px; text-align: left; }
                 .art-image { width: 100%; height: 200px; object-fit: cover; background-color: #f9f9f9; border-bottom: 1px solid #eee; }
                 .work-table th { background-color: #e8f0f7; color: #2c3e50; }
                .art-info { padding: 15px; }
                 .art-image { width: 80px; height: 40px; object-fit: contain; background-color: #f9f9f9; }
                .art-title { font-size: 1.2em; font-weight: bold; color: #2c3e50; margin-bottom: 5px; }
                 .art-creator { color: #d35400; font-weight: bold; margin-bottom: 10px; }
                .art-desc { font-size: 0.9em; color: #666; line-height: 1.5; height: 4.5em; overflow: hidden; }
                .art-location { margin-top: 10px; font-size: 0.85em; color: #999; text-align: right; }
             </style>
             </style>
         </head>
         </head>
         <body>
         <body>
             <div class="art-container">
             <table class="work-table">
                 <xsl:for-each select="work_list/work">
                <tr>
                     <div class="art-card">
                    <th width="20%">작품 이미지</th>
                         <img class="art-image" src="{iconUrl}" alt="{title}"/>
                    <th width="20%">작품명</th>
                        <div class="art-info">
                    <th width="15%">작가</th>
                            <div class="art-title"><xsl:value-of select="title"/></div>
                    <th width="30%">설명</th>
                            <div class="art-creator"><xsl:value-of select="creator"/></div>
                    <th width="15%">소장처</th>
                            <div class="art-desc"><xsl:value-of select="description"/></div>
                </tr>
                            <div class="art-location">소장: <xsl:value-of select="location"/></div>
                 <xsl:for-each select="person_list/person">
                        </div>
                     <tr>
                     </div>
                         <td><img class="art-image" src="{iconUrl}" alt="{title}"/></td>
                        <td><xsl:value-of select="title"/></td>
                        <td><xsl:value-of select="creator"/></td>
                        <td><xsl:value-of select="description"/></td>
                        <td><xsl:value-of select="location"/></td>
                     </tr>
                 </xsl:for-each>
                 </xsl:for-each>
             </div>
             </table>
         </body>
         </body>
         </html>
         </html>
     </xsl:template>
     </xsl:template>
</xsl:stylesheet>
</xsl:stylesheet>

2026년 2월 26일 (목) 23:06 판

<?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 

   <xsl:template match="/">
       
        
            
        
        
            
                    

                

                    작품 이미지
                    작품명
                    작가
                    설명
                    소장처
                

                

                        {title}
                        
                        
                        
                        
                    

                
            

        
        
   </xsl:template>

</xsl:stylesheet>

원본 주소 "https://app.vaquitalab.com/mediawiki/index.php?title=연습:서화작품.xsl&oldid=1353"