編集履歴

質問編集履歴

ソースコード追加

2018/01/28 07:41

投稿

tomoharu

スコア107

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -182,4 +182,432 @@
+ソースを表示を行うと下のようになります。
+```html
+<!DOCTYPE html>
+<html>
+<body>
+ <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1" />
+<header>
+  <nav class="nav navbar navbar-default">
+    <div class="navbar-left">
+     <span class="sr-only">メニュー</span>
+     <a href="/"><img src="/assets/comilog-d9fa57ddd3291e7a3494cb41526bdc41c441a5483e90aab70ad202f556bcaf6b.png" alt="Comilog" /></a>
+    </div>
+    <div class="searchbox">
+    <form action="/comics/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" />
+    <input type="text" name="search" id="search" placeholder="作品名・サークル名など" style="position:absolute;left:50%;width:230px;height:50px;border:solid black;border-radius:10px;" />
+     <div class="glass">
+    <input alt="Glass" type="image" src="/assets/glass-3115adcf693de65345921dc56cbbd01d2988b8a7408fed2e6a779dbfa886b90a.png" />
+     </div>
+</form></div>
+  <div class="nav navbar-nav navbar-right">
+      <!-- さんログイン中  %> -->
+      <a rel="nofollow" data-method="delete" href="/users/sign_out">
+       <img style="background-color:#fd6458;" src="/assets/logout-aa0e2397a0cb1b694a197104c310f311e5d1a39fd0efe904610d32280bef732a.png" alt="Logout" />
+</a>    </div>
+    </div>
+  </nav>
+</header>
+<nav class="navbar navbar-default navbar-fixed-bottom " role="navigation">
+ <div class="row">
+  <div class="btn-group btn-group-justified">
+    <a href="/" class="btn" >ホーム</a>
+    <a href="/user/:id" class="btn">お気に入り</a>
+    <a href="/user/:id/comics/rank" class="btn">ランキング</a>
+    <a href="/user/:id/comics/search" class="btn">検索</a>
+    <a href="/user/:id/comics/new" class="btn">出品</a>
+    <a href="/user/:id/comics/manage" class="btn">マイページ</a>
+ </div>
+ </div>
+</nav>
+    <form action="/comics/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" />
+</form>
+<div class="topnew">ランキング</div>
+<div class="toprankingbox">
+  <a href="/user/1/comics/52"><img src="https://comilog-object.s3.amazonaws.com/uploads/20180113154450.jpg" alt="20180113154450" /></a>
+   <div class="gold_crown_index" >
+   <img src="/assets/gold_crown-7247ae59ca76a5f59d1127d65103f0b20ecced6c96ea69c69470973831bee15b.png" alt="Gold crown" />
+   </div>
+   <div class ="first_intro">
+    <img src="/assets/likedstar-94c981f44151b4411d8814d655cea17122e6fdf6894ceccf9ce6765e48604e7b.png" alt="Likedstar" />
+ 1
+   </div>
+   <div class ="character">
+ <img src="/assets/character-dfe3ed6c8b64585ad539c3a4bf2ddbcc0d12cf1a421f3317b26003616f9e2926.png" alt="Character" />
+ www
+   </div>
+</div>
+</div>
+ <div class="toprankingbox">
+  <a href="/user/1/comics/53"><img src="https://comilog-object.s3.amazonaws.com/uploads/20180113154513.jpg" alt="20180113154513" /></a>
+  <div class="silver_crown_index" >
+   <img src="/assets/silver_crown-30cb2d0b17e4fe098925460243d9d9e04ce1e6ac4b19ac15f6bacfda2c1974e2.png" alt="Silver crown" />
+   </div>
+   <div class ="first_intro">
+    <img src="/assets/likedstar-94c981f44151b4411d8814d655cea17122e6fdf6894ceccf9ce6765e48604e7b.png" alt="Likedstar" />
+ 1
+   </div>
+     <div class ="character">
+ <img src="/assets/character-dfe3ed6c8b64585ad539c3a4bf2ddbcc0d12cf1a421f3317b26003616f9e2926.png" alt="Character" />
+ www
+  </div>
+ </div>
+</div>
+ <div class="toprankingbox">
+  <a href="/user/1/comics/54"><img src="https://comilog-object.s3.amazonaws.com/uploads/20180116214151.jpg" alt="20180116214151" /></a>
+  <div class="copper_crown_index" >
+   <img src="/assets/copper_crown-2e980e0da7dc1a43a4d4797d1594dbf612aa59f027d41b5157c37d62f1c3b0c4.png" alt="Copper crown" />
+   </div>
+   <div class ="first_intro">
+    <img src="/assets/likedstar-94c981f44151b4411d8814d655cea17122e6fdf6894ceccf9ce6765e48604e7b.png" alt="Likedstar" />
+ 1
+  </div>
+   <div class ="character">
+ <img src="/assets/character-dfe3ed6c8b64585ad539c3a4bf2ddbcc0d12cf1a421f3317b26003616f9e2926.png" alt="Character" />
+ qqqqqqqq
+  </div>
+   </div>
+ </div>
+</div>
+  <div class="topnew">新着作品</div>
+<table id="comic_index">
+  <tbody class="page">
+    <span style="display:inline-block;background-color:white;width:100%;">
+ <div class="topnewbox"><a href="/user/1/comics/56"><img src="https://comilog-object.s3.amazonaws.com/uploads/20180126230835.jpg" alt="20180126230835" /></a>
+</div>
+ <div class="topnewbox"><a href="/user/1/comics/55"><img src="https://comilog-object.s3.amazonaws.com/uploads/20180126230633.jpg" alt="20180126230633" /></a>
+</div>
+ <div class="topnewbox"><a href="/user/1/comics/54"><img src="https://comilog-object.s3.amazonaws.com/uploads/20180116214151.jpg" alt="20180116214151" /></a>
+</div>
+ <div class="topnewbox"><a href="/user/1/comics/53"><img src="https://comilog-object.s3.amazonaws.com/uploads/20180113154513.jpg" alt="20180113154513" /></a>
+</div>
+ <div class="topnewbox"><a href="/user/1/comics/52"><img src="https://comilog-object.s3.amazonaws.com/uploads/20180113154450.jpg" alt="20180113154450" /></a>
+</div>
+ <div class="topnewbox"><a href="/user/1/comics/51"><img src="https://comilog-object.s3.amazonaws.com/uploads/20180113154432.jpg" alt="20180113154432" /></a>
+</div>
+</tbody>
+    </span>
+</table>
+  <nav class="pagination">
+        <span class="page current">
+  1
+</span>
+        <span class="page">
+  <a rel="next" href="/?page=2">2</a>
+</span>
+        <span class="page">
+  <a href="/?page=3">3</a>
+</span>
+    <span class="next">
+  <a rel="next" href="/?page=2">次</a>
+</span>
+    <span class="last">
+  <a href="/?page=3">最後</a>
+</span>
+  </nav>
+</body>
+</html>
+```
 何卒宜しくお願い申し上げます。

コード説明追加

2018/01/28 07:41

投稿

tomoharu

スコア107

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -15,6 +15,10 @@
 すみません。コードを失念しておりましたので、追記いたします。
+画像右の箱一個ぶんのコードです。

コード追加

2018/01/27 04:36

投稿

tomoharu

スコア107

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -14,4 +14,168 @@
+すみません。コードを失念しておりましたので、追記いたします。
+```html
+<div class="toprankingbox">
+ <% if !@comic_ranking.first.nil? %>
+  <%= link_to (image_tag @comic_ranking.first.front_cover.to_s),user_comic_path(id: @comic_ranking.first.id, user_id: current_user.id)%>
+   <div class="gold_crown_index" >
+   <%= image_tag "gold_crown.png"%>
+   </div>
+   <div class ="first_intro">
+    <%= image_tag "likedstar.png"%>
+ <%= @comic_ranking.first.likes.count%>
+   </div>
+   <div class ="character">
+ <%= image_tag "character.png" %>
+ <%= @comic_ranking.first.author%>
+   </div>
+ <% end %>
+</div>
+```
+```css
+.toprankingbox{
+  position:relative;
+  text-align: center;
+  width:32%;
+  display: inline-block;
+  margin: 5px;
+  height:50%;
+.gold_crown_index {
+  display:inline;
+  position:relative;
+  /*top:30%;*/
+}
+.gold_crown_index img{
+display:inline;
+  bottom:84%;
+  left:-15%;
+  position:relative ;
+  width:20%;
+}
+.first_intro {
+display:inline;
+position:relative;
+top:2%;
+left:-20%;
+width:40%;
+height:10%;
+font-size:110%;
+}
+.first_intro img {
+position:relative;
+display:inline;
+height:6%;
+width:9%;
+left:-5%;
+bottom:1%;
+}
+.character {
+  display:inline;
+  position:relative;
+  left:1%;
+  top:1%;
+}
+.character img {
+  display:inline;
+  position:relative;
+  top:10%;
+  width:10%;
+  left:-3%;
+  margin-top:-29%;
+}
+```
 何卒宜しくお願い申し上げます。