File manager - Edit - /home/infoilmg/appsdow.com/appportal-210/codecanyon-25416622-app-portal/documentation/guide/ads.html
Back
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Ads | App Portal</title> <meta name="generator" content="VuePress 1.9.10"> <meta name="description" content="Laravel App Portal Script"> <meta name="theme-color" content="#3eaf7c"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="preload" href="../assets/css/0.styles.d74e1dbf.css" as="style"><link rel="preload" href="../assets/js/app.4cf6a53a.js" as="script"><link rel="preload" href="../assets/js/2.3dc1b8de.js" as="script"><link rel="preload" href="../assets/js/1.7f771cfb.js" as="script"><link rel="preload" href="../assets/js/26.1efa354d.js" as="script"><link rel="prefetch" href="../assets/js/10.23a1f579.js"><link rel="prefetch" href="../assets/js/11.c389195a.js"><link rel="prefetch" href="../assets/js/12.1d996921.js"><link rel="prefetch" href="../assets/js/13.4d4410c4.js"><link rel="prefetch" href="../assets/js/14.37ef2a72.js"><link rel="prefetch" href="../assets/js/15.5542c093.js"><link rel="prefetch" href="../assets/js/16.d48fd1ce.js"><link rel="prefetch" href="../assets/js/17.bd8d538c.js"><link rel="prefetch" href="../assets/js/18.6d3b94c1.js"><link rel="prefetch" href="../assets/js/19.eb35cfee.js"><link rel="prefetch" href="../assets/js/20.c11ec329.js"><link rel="prefetch" href="../assets/js/21.db1b5d88.js"><link rel="prefetch" href="../assets/js/22.1a8ce066.js"><link rel="prefetch" href="../assets/js/23.ef6a5034.js"><link rel="prefetch" href="../assets/js/24.c74d4076.js"><link rel="prefetch" href="../assets/js/25.d4c5efd3.js"><link rel="prefetch" href="../assets/js/27.b466898b.js"><link rel="prefetch" href="../assets/js/28.ffe087b8.js"><link rel="prefetch" href="../assets/js/29.f51bf7f9.js"><link rel="prefetch" href="../assets/js/3.5322f14a.js"><link rel="prefetch" href="../assets/js/30.ee18b724.js"><link rel="prefetch" href="../assets/js/31.6733f47f.js"><link rel="prefetch" href="../assets/js/32.dd253086.js"><link rel="prefetch" href="../assets/js/33.a5ca5f22.js"><link rel="prefetch" href="../assets/js/34.c6158614.js"><link rel="prefetch" href="../assets/js/35.4e9ce0fa.js"><link rel="prefetch" href="../assets/js/36.9516e94c.js"><link rel="prefetch" href="../assets/js/37.edaf4c47.js"><link rel="prefetch" href="../assets/js/38.acb7a786.js"><link rel="prefetch" href="../assets/js/39.c619dc3c.js"><link rel="prefetch" href="../assets/js/4.94f04b6e.js"><link rel="prefetch" href="../assets/js/40.2fdc1302.js"><link rel="prefetch" href="../assets/js/41.774e4059.js"><link rel="prefetch" href="../assets/js/5.f0541060.js"><link rel="prefetch" href="../assets/js/6.dfb06aa0.js"><link rel="prefetch" href="../assets/js/7.7551a9fb.js"><link rel="prefetch" href="../assets/js/vendors~docsearch.5e19b665.js"> <link rel="stylesheet" href="../assets/css/0.styles.d74e1dbf.css"> </head> <body> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="../index.html" class="home-link router-link-active"><!----> <span class="site-name">App Portal</span></a> <div class="links"> <nav class="nav-links can-hide"><div class="nav-item"><a href="../guide/index.html" class="nav-link router-link-active"> Guide </a></div><div class="nav-item"><a href="https://members.foxart.co/" target="_blank" rel="noopener noreferrer" class="nav-link external"> Member Area <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://foxart.co/" target="_blank" rel="noopener noreferrer" class="nav-link external"> Our Products <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="../guide/index.html" class="nav-link router-link-active"> Guide </a></div><div class="nav-item"><a href="https://members.foxart.co/" target="_blank" rel="noopener noreferrer" class="nav-link external"> Member Area <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://foxart.co/" target="_blank" rel="noopener noreferrer" class="nav-link external"> Our Products <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Welcome</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="../guide/index.html" aria-current="page" class="sidebar-link">Getting Started</a></li><li><a href="../guide/apps.html" class="sidebar-link">Apps</a></li><li><a href="../guide/categories.html" class="sidebar-link">Categories</a></li><li><a href="../guide/platforms.html" class="sidebar-link">Platforms</a></li><li><a href="../guide/pages.html" class="sidebar-link">Pages</a></li><li><a href="../guide/sliders.html" class="sidebar-link">Sliders</a></li><li><a href="../guide/topics.html" class="sidebar-link">Topics</a></li><li><a href="../guide/news.html" class="sidebar-link">News</a></li><li><a href="../guide/content_manager.html" class="sidebar-link">Content Manager</a></li><li><a href="../guide/ads.html" aria-current="page" class="active sidebar-link">Ads</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="../guide/ads.html#responsive-image-ads" class="sidebar-link">Responsive Image Ads</a></li></ul></li><li><a href="../guide/settings.html" class="sidebar-link">Settings</a></li><li><a href="../guide/comments.html" class="sidebar-link">Comments</a></li><li><a href="../guide/submissions.html" class="sidebar-link">Submissions</a></li><li><a href="../guide/reports.html" class="sidebar-link">Reports</a></li><li><a href="../guide/account_settings.html" class="sidebar-link">Account Settings</a></li><li><a href="../guide/faq.html" class="sidebar-link">FAQ</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="ads"><a href="#ads" class="header-anchor">#</a> Ads</h1> <p>On the Ads page, you'll find a list of advertising spaces. Next to each advertising space, you can see whether it's In Use or Available. To add HTML advertisement code to these spaces, simply click the button next to the advertising space and add the code. To remove the advertisement from a space, you'll need to delete the HTML code.</p> <h2 id="responsive-image-ads"><a href="#responsive-image-ads" class="header-anchor">#</a> Responsive Image Ads</h2> <p>If the image advertisement you've added is not responsive, you can make it responsive by using Bootstrap's <b>img-fluid</b> class. Here's an example:</p> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>your-image-url.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Image Description<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> </code></pre></div><p>In the example above, you add the img-fluid class to your image using the img tag. This class ensures that your image automatically adapts to the browser screen size. Additionally, you can specify the image file's URL with the src attribute and provide a text-based description of the image with the alt attribute.</p> <p>This approach can help you make non-responsive image advertisements responsive, offering a more adaptable user experience.</p></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev"> ← <a href="../guide/content_manager.html" class="prev"> Content Manager </a></span> <span class="next"><a href="../guide/settings.html"> Settings </a> → </span></p></div> </main></div><div class="global-ui"></div></div> <script src="/assets/js/app.4cf6a53a.js" defer></script><script src="/assets/js/2.3dc1b8de.js" defer></script><script src="/assets/js/1.7f771cfb.js" defer></script><script src="/assets/js/26.1efa354d.js" defer></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Generation time: 5.7 |
proxy
|
phpinfo
|
Settings