gyokai_ruiの財団関連ロゴ / ディスカッション

ここは次のページに関するディスカッションです gyokai_ruiの財団関連ロゴ.

Fennecist 25 May 2019 12:30

カッコイイですね！特にEE社のものがお気に入りです。

gyokai_rui 25 May 2019 13:28

ありがとうございます！
EE社のものは「ああでもないこうでもない」と色々こねくり回していたので、そう言って頂けて報われた気持ちです。

7happy7 25 May 2019 14:54

iframe内のリンクを押すとiframeの中でページ遷移が起きてしまいます。aのtargetを_parentにするか、あるいはhtmlブロックではなく通常のwiki構文を使ってレイアウトを作ると良さそうです。

+ 例

<a href="..." target="_parent">link</a>

[[module CSS]]
.logos{
display: flex;
justify-content: space-between;
align-items: flex-end;
margin: 0 auto;
padding: 20px 0;
border-bottom: 1px solid #808080;
}
.logos .logos_img{
text-align: center;
}
.logos .logos_img:first-of-type{
width: 35%;
}
.logos .logos_img:nth-of-type(2){
width: 60%;
}
.logos .logos_img:first-of-type img{
width: 60%;
}
.logos .logos_img span{
background: #ccc;
padding: 0.5em;
    display: block;
    margin: 1em 0;
}

@media (max-width: 400px){
.logos{
justify-content: center;
flex-direction: column;
align-items: center;
}
.logos .logos_img:first-of-type,
.logos .logos_img:nth-of-type(2){
width: 76%;
margin-bottom: 2em;
}
}
[[/module]]

要注意団体、準要注意団体のロゴを作成しました。

[[div class="logos"]]
[[div class="logos_img"]]
[[image http://scp-jp.wdfiles.com/local--files/gyokai-rui-logos/logo_miyoko_01.png alt="販売員ミヨコ ロゴ_タテver"]]
[[span]][[a href="http://ja.scp-wiki.net/groups-of-interest-jp#toc7"]]販売員ミヨコ[[/a]] タテver[[/span]]
[[/div]]
[[div class="logos_img"]]
[[image http://scp-jp.wdfiles.com/local--files/gyokai-rui-logos/logo_miyoko_02.png alt="販売員ミヨコ ロゴ_ヨコver"]]
[[span]][[a href="http://ja.scp-wiki.net/groups-of-interest-jp#toc7"]]販売員ミヨコ[[/a]] ヨコver[[/span]]
[[/div]]
[[/div]]

[[div class="logos"]]
[[div class="logos_img"]]
[[image http://scp-jp.wdfiles.com/local--files/gyokai-rui-logos/logo_arimura_01.png alt="有村組 ロゴ_タテver"]]
[[span]]有村組 タテver[[/span]]
[[/div]]
[[div class="logos_img"]]
[[image http://scp-jp.wdfiles.com/local--files/gyokai-rui-logos/logo_arimura_02.png alt="有村組 ロゴ_ヨコver"]]
[[span]]有村組 ヨコver[[/span]]
[[/div]]
[[/div]]

[[div class="logos"]]
[[div class="logos_img"]]
[[image http://scp-jp.wdfiles.com/local--files/gyokai-rui-logos/logo_EE_01.png alt="Entertainment & Enterprise社 ロゴ_タテver"]]
[[span]][[a href="http://ja.scp-wiki.net/system:page-tags/tag/e%26e#pages"]]Entertainment & Enterprise社[[/a]] タテver[[/span]]
[[/div]]
[[div class="logos_img"]]
[[image http://scp-jp.wdfiles.com/local--files/gyokai-rui-logos/logo_EE_02.png alt="Entertainment & Enterprise社 ロゴ_ヨコver"]]
[[span]][[a href="http://ja.scp-wiki.net/system:page-tags/tag/e%26e#pages"]]Entertainment & Enterprise社[[/a]] ヨコver[[/span]]
[[/div]]
[[/div]]

余談はさておき、とても素晴らしいロゴだと思います。

gyokai_rui 25 May 2019 16:23

ご指摘頂きありがとうございます！
修正させて頂きました、確認が甘く申し訳ないです。
ロゴの方もお褒め頂きありがとうございます、存外に好評な様子で嬉しく思うばかりです。